@absolutejs/absolute 0.19.0-beta.692 → 0.19.0-beta.693

package/dist/index.js

@@ -2504,7 +2504,7 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 // src/build/stylePreprocessor.ts
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname2, extname, join as join3 } from "path";
+import { dirname as dirname2, extname, join as join3, resolve as resolve4 } from "path";
 var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATTERN, importOptionalPeer, requireOptionalPeer, requireFromCwd, isPreprocessableStylePath = (filePath) => STYLE_EXTENSION_PATTERN.test(filePath), isStyleModulePath = (filePath) => STYLE_MODULE_EXTENSION_PATTERN.test(filePath), isStylePath = (filePath) => /\.(css|s[ac]ss|less)$/i.test(filePath), getStyleBaseName = (filePath) => filePath.replace(/\.(css|s[ac]ss|less)$/i, ""), getStyleLanguage = (filePathOrLanguage) => {
   const normalized = filePathOrLanguage.toLowerCase();
   if (normalized === "scss" || normalized.endsWith(".scss"))
@@ -2514,18 +2514,29 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
   if (normalized === "less" || normalized.endsWith(".less"))
     return "less";
   return null;
-}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), compileStyleSource = async (filePath, source, languageHint) => {
+}, missingDependencyError = (name, filePath) => new Error(`Unable to compile ${filePath}: install optional dependency "${name}" to use this stylesheet preprocessor.`), normalizeLoadPaths = (filePath, paths = []) => [
+  dirname2(filePath),
+  process.cwd(),
+  ...paths.map((path) => resolve4(process.cwd(), path))
+], getSassOptions = (config, language) => ({
+  ...config?.sass ?? {},
+  ...language === "scss" ? config?.scss ?? {} : {}
+}), getLessOptions = (config) => config?.less ?? {}, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, compileStyleSource = async (filePath, source, languageHint, config) => {
   const language = getStyleLanguage(languageHint ?? filePath);
-  const contents = source ?? await readFile(filePath, "utf-8");
+  const rawContents = source ?? await readFile(filePath, "utf-8");
   if (language === "scss" || language === "sass") {
+    const options = getSassOptions(config, language);
+    const packageName = options.implementation ?? "sass";
     let sass;
     try {
-      sass = await importOptionalPeer("sass");
+      sass = await importOptionalPeer(packageName);
     } catch {
-      throw missingDependencyError("sass", filePath);
+      throw missingDependencyError(packageName, filePath);
     }
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = sass.compileString(contents, {
-      loadPaths: [dirname2(filePath), process.cwd()],
+      loadPaths: normalizeLoadPaths(filePath, options.loadPaths),
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -2533,6 +2544,7 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     return result.css;
   }
   if (language === "less") {
+    const options = getLessOptions(config);
     let lessModule;
     try {
       lessModule = await importOptionalPeer("less");
@@ -2543,14 +2555,49 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     const render = less?.render;
     if (!render)
       throw missingDependencyError("less", filePath);
+    const contents = withAdditionalData(rawContents, options.additionalData);
     const result = await render(contents, {
+      ...options.options ?? {},
       filename: filePath,
-      paths: [dirname2(filePath), process.cwd()]
+      paths: normalizeLoadPaths(filePath, options.paths)
     });
     return result.css;
   }
-  return contents;
-}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  return rawContents;
+}, createStylePreprocessorPlugin = (config) => ({
+  name: "absolute-style-preprocessor",
+  setup(build) {
+    const cssModuleSources = new Map;
+    build.onResolve({ filter: /^absolute-style-module:/ }, ({ path }) => ({
+      namespace: "absolute-style-module",
+      path: path.slice("absolute-style-module:".length)
+    }));
+    build.onLoad({ filter: /\.module\.css$/i, namespace: "absolute-style-module" }, async ({ path }) => {
+      const sourcePath = cssModuleSources.get(path);
+      if (!sourcePath) {
+        throw new Error(`Unable to resolve CSS module source for ${path}`);
+      }
+      return {
+        contents: await compileStyleSource(sourcePath, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+    build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
+      if (isStyleModulePath(path)) {
+        const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
+        cssModuleSources.set(cssModulePath, path);
+        return {
+          contents: `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`,
+          loader: "js"
+        };
+      }
+      return {
+        contents: await compileStyleSource(path, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+  }
+}), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
     attributes,
     content,
@@ -2561,14 +2608,14 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
       return;
     const path = filename ?? `style.${language}`;
     return {
-      code: await compileStyleSource(path, content, language)
+      code: await compileStyleSource(path, content, language, config)
     };
   }
-}), compileStyleFileIfNeeded = async (filePath) => {
+}), compileStyleFileIfNeeded = async (filePath, config) => {
   if (!isPreprocessableStylePath(filePath)) {
     return readFile(filePath, "utf-8");
   }
-  return compileStyleSource(filePath);
+  return compileStyleSource(filePath, undefined, undefined, config);
 };
 var init_stylePreprocessor = __esm(() => {
   STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less)$/i;
@@ -2577,45 +2624,12 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join3(process.cwd(), "package.json"));
-  stylePreprocessorPlugin = {
-    name: "absolute-style-preprocessor",
-    setup(build) {
-      const cssModuleSources = new Map;
-      build.onResolve({ filter: /^absolute-style-module:/ }, ({ path }) => ({
-        namespace: "absolute-style-module",
-        path: path.slice("absolute-style-module:".length)
-      }));
-      build.onLoad({ filter: /\.module\.css$/i, namespace: "absolute-style-module" }, async ({ path }) => {
-        const sourcePath = cssModuleSources.get(path);
-        if (!sourcePath) {
-          throw new Error(`Unable to resolve CSS module source for ${path}`);
-        }
-        return {
-          contents: await compileStyleSource(sourcePath),
-          loader: "css"
-        };
-      });
-      build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
-        if (isStyleModulePath(path)) {
-          const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
-          cssModuleSources.set(cssModulePath, path);
-          return {
-            contents: `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`,
-            loader: "js"
-          };
-        }
-        return {
-          contents: await compileStyleSource(path),
-          loader: "css"
-        };
-      });
-    }
-  };
+  stylePreprocessorPlugin = createStylePreprocessorPlugin();
 });
 
 // src/core/svelteServerModule.ts
 import { mkdir, readdir } from "fs/promises";
-import { basename as basename2, dirname as dirname3, extname as extname2, join as join4, relative, resolve as resolve4 } from "path";
+import { basename as basename2, dirname as dirname3, extname as extname2, join as join4, relative, resolve as resolve5 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
   const importPath = relative(dirname3(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
@@ -2663,7 +2677,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const basePath = resolve4(dirname3(from), spec);
+  const basePath = resolve5(dirname3(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -2695,7 +2709,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const explicitPath = resolve4(dirname3(from), spec);
+  const explicitPath = resolve5(dirname3(from), spec);
   if (extname2(explicitPath) === ".svelte") {
     return explicitPath;
   }
@@ -2950,7 +2964,7 @@ import {
   rmSync,
   writeFileSync as writeFileSync2
 } from "fs";
-import { dirname as dirname4, extname as extname3, join as join5, relative as relative2, resolve as resolve5 } from "path";
+import { dirname as dirname4, extname as extname3, join as join5, relative as relative2, resolve as resolve6 } from "path";
 import ts from "typescript";
 var frameworks, isRecord4 = (value) => typeof value === "object" && value !== null, resolveRegistryExport = (mod) => {
   if (isRecord4(mod.islandRegistry))
@@ -2965,7 +2979,7 @@ var frameworks, isRecord4 = (value) => typeof value === "object" && value !== nu
   if (sourcePath.startsWith("file://")) {
     return new URL(sourcePath).pathname;
   }
-  return resolve5(dirname4(registryPath), sourcePath);
+  return resolve6(dirname4(registryPath), sourcePath);
 }, getObjectPropertyName = (name) => {
   if (ts.isIdentifier(name) || ts.isStringLiteral(name)) {
     return name.text;
@@ -3128,7 +3142,7 @@ export default component;
     generatedRoot
   };
 }, loadIslandRegistryBuildInfo = async (registryPath) => {
-  const resolvedRegistryPath = resolve5(registryPath);
+  const resolvedRegistryPath = resolve6(registryPath);
   const registrySource = Bun.file(resolvedRegistryPath);
   const registrySourceText = await registrySource.text();
   const registryModule = await import(resolvedRegistryPath);
@@ -3475,7 +3489,7 @@ var init_sourceMetadata = __esm(() => {
 
 // src/islands/pageMetadata.ts
 import { readFileSync as readFileSync4 } from "fs";
-import { dirname as dirname5, resolve as resolve8 } from "path";
+import { dirname as dirname5, resolve as resolve9 } from "path";
 var pagePatterns, getPageDirs = (config) => [
   { dir: config.angularDirectory, framework: "angular" },
   { dir: config.reactDirectory, framework: "react" },
@@ -3494,15 +3508,15 @@ var pagePatterns, getPageDirs = (config) => [
     const source = definition.buildReference?.source;
     if (!source)
       continue;
-    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve8(dirname5(buildInfo.resolvedRegistryPath), source);
-    lookup.set(`${definition.framework}:${definition.component}`, resolve8(resolvedSource));
+    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve9(dirname5(buildInfo.resolvedRegistryPath), source);
+    lookup.set(`${definition.framework}:${definition.component}`, resolve9(resolvedSource));
   }
   return lookup;
 }, getCurrentPageIslandMetadata = () => globalThis.__absolutePageIslandMetadata ?? new Map, metadataUsesSource = (metadata2, target) => metadata2.islands.some((usage) => {
   const candidate = usage.source;
-  return candidate ? resolve8(candidate) === target : false;
+  return candidate ? resolve9(candidate) === target : false;
 }), getPagesUsingIslandSource = (sourcePath) => {
-  const target = resolve8(sourcePath);
+  const target = resolve9(sourcePath);
   return [...getCurrentPageIslandMetadata().values()].filter((metadata2) => metadataUsesSource(metadata2, target)).map((metadata2) => metadata2.pagePath);
 }, resolveIslandUsages = (islands, islandSourceLookup) => islands.map((usage) => {
   const sourcePath = islandSourceLookup.get(`${usage.framework}:${usage.component}`);
@@ -3514,13 +3528,13 @@ var pagePatterns, getPageDirs = (config) => [
   const pattern = pagePatterns[entry.framework];
   if (!pattern)
     return;
-  const files = await scanEntryPoints(resolve8(entry.dir), pattern);
+  const files = await scanEntryPoints(resolve9(entry.dir), pattern);
   for (const filePath of files) {
     const source = readFileSync4(filePath, "utf-8");
     const islands = extractIslandUsagesFromSource(source);
-    pageMetadata.set(resolve8(filePath), {
+    pageMetadata.set(resolve9(filePath), {
       islands: resolveIslandUsages(islands, islandSourceLookup),
-      pagePath: resolve8(filePath)
+      pagePath: resolve9(filePath)
     });
   }
 }, loadPageIslandMetadata = async (config) => {
@@ -3650,18 +3664,18 @@ __export(exports_generateReactIndexes, {
 });
 import { existsSync as existsSync5, mkdirSync as mkdirSync2 } from "fs";
 import { readdir as readdir2, rm, writeFile } from "fs/promises";
-import { basename as basename3, join as join6, relative as relative3, resolve as resolve9, sep } from "path";
+import { basename as basename3, join as join6, relative as relative3, resolve as resolve10, sep } from "path";
 var {Glob: Glob2 } = globalThis.Bun;
 var indexContentCache, resolveDevClientDir = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve9(import.meta.dir, "../dev/client");
+  const fromSource = resolve10(import.meta.dir, "../dev/client");
   if (existsSync5(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve9(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve10(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync5(fromNodeModules))
     return fromNodeModules;
-  return resolve9(import.meta.dir, "./dev/client");
+  return resolve10(import.meta.dir, "./dev/client");
 }, devClientDir, errorOverlayPath, hmrClientPath, refreshSetupPath, generateReactIndexFiles = async (reactPagesDirectory, reactIndexesDirectory, isDev2 = false) => {
   if (!existsSync5(reactIndexesDirectory)) {
     mkdirSync2(reactIndexesDirectory, { recursive: true });
@@ -3689,7 +3703,7 @@ var indexContentCache, resolveDevClientDir = () => {
       });
     }));
   }
-  const pagesRelPath = relative3(resolve9(reactIndexesDirectory), resolve9(reactPagesDirectory)).split(sep).join("/");
+  const pagesRelPath = relative3(resolve10(reactIndexesDirectory), resolve10(reactPagesDirectory)).split(sep).join("/");
   const promises = files.map(async (file2) => {
     const fileName = basename3(file2);
     const [componentName] = fileName.split(".");
@@ -3949,7 +3963,7 @@ var indexContentCache, resolveDevClientDir = () => {
         `
 // Pre-warm: import the page module from the module server`,
         `// immediately so the browser caches all /@src/ URLs.`,
-        `import('/@src/${relative3(process.cwd(), resolve9(reactPagesDirectory, `${componentName}.tsx`)).replace(/\\/g, "/")}').catch(() => {});`
+        `import('/@src/${relative3(process.cwd(), resolve10(reactPagesDirectory, `${componentName}.tsx`)).replace(/\\/g, "/")}').catch(() => {});`
       ] : []
     ].join(`
 `);
@@ -4117,7 +4131,7 @@ var init_scanCssEntryPoints = __esm(() => {
 
 // src/utils/imageProcessing.ts
 import { existsSync as existsSync8, mkdirSync as mkdirSync3, readFileSync as readFileSync5, writeFileSync as writeFileSync4 } from "fs";
-import { join as join7, resolve as resolve10 } from "path";
+import { join as join7, resolve as resolve11 } from "path";
 var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATION_ENDPOINT = "/_absolute/image", BLUR_DEVIATION = 20, sharpModule = undefined, sharpLoaded = false, sharpWarned = false, snapToSize = (target, sizes) => {
   for (const size of sizes) {
     if (size >= target)
@@ -4243,7 +4257,7 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
     return sharpModule;
   sharpLoaded = true;
   try {
-    const sharpPath = resolve10(process.cwd(), "node_modules/sharp");
+    const sharpPath = resolve11(process.cwd(), "node_modules/sharp");
     const mod = await import(sharpPath);
     sharpModule = mod.default ?? mod;
     return sharpModule;
@@ -4481,18 +4495,18 @@ var init_updateAssetPaths = __esm(() => {
 
 // src/dev/buildHMRClient.ts
 import { existsSync as existsSync11 } from "fs";
-import { resolve as resolve11 } from "path";
+import { resolve as resolve12 } from "path";
 var {build: bunBuild } = globalThis.Bun;
 var resolveHmrClientPath = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve11(import.meta.dir, "client/hmrClient.ts");
+  const fromSource = resolve12(import.meta.dir, "client/hmrClient.ts");
   if (existsSync11(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve11(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
+  const fromNodeModules = resolve12(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
   if (existsSync11(fromNodeModules))
     return fromNodeModules;
-  return resolve11(import.meta.dir, "dev/client/hmrClient.ts");
+  return resolve12(import.meta.dir, "dev/client/hmrClient.ts");
 }, hmrClientPath2, buildHMRClient = async () => {
   const entryPoint = hmrClientPath2;
   const result = await bunBuild({
@@ -4522,7 +4536,7 @@ var init_buildHMRClient = __esm(() => {
 // src/build/nativeRewrite.ts
 import { dlopen, FFIType, ptr } from "bun:ffi";
 import { platform as platform2, arch as arch2 } from "os";
-import { resolve as resolve12 } from "path";
+import { resolve as resolve13 } from "path";
 var ffiDefinition, nativeLib = null, loadNative = () => {
   if (nativeLib !== null)
     return nativeLib;
@@ -4540,7 +4554,7 @@ var ffiDefinition, nativeLib = null, loadNative = () => {
   if (!libPath)
     return null;
   try {
-    const fullPath = resolve12(import.meta.dir, "../../native/packages", libPath);
+    const fullPath = resolve13(import.meta.dir, "../../native/packages", libPath);
     const lib = dlopen(fullPath, ffiDefinition);
     nativeLib = lib.symbols;
     return nativeLib;
@@ -4683,11 +4697,11 @@ var devVendorPaths = null, getDevVendorPaths = () => devVendorPaths, setDevVendo
 
 // src/build/angularLinkerPlugin.ts
 import { existsSync as existsSync12, mkdirSync as mkdirSync5, readFileSync as readFileSync8, writeFileSync as writeFileSync6 } from "fs";
-import { dirname as dirname7, join as join10, relative as relative4, resolve as resolve13 } from "path";
+import { dirname as dirname7, join as join10, relative as relative4, resolve as resolve14 } from "path";
 import { createHash } from "crypto";
 var CACHE_DIR, angularLinkerPlugin;
 var init_angularLinkerPlugin = __esm(() => {
-  CACHE_DIR = resolve13(".absolutejs", "cache", "angular-linker");
+  CACHE_DIR = resolve14(".absolutejs", "cache", "angular-linker");
   angularLinkerPlugin = {
     name: "angular-linker",
     setup(bld) {
@@ -4727,7 +4741,7 @@ var init_angularLinkerPlugin = __esm(() => {
               exists: existsSync12,
               readFile: readFileSync8,
               relative: relative4,
-              resolve: resolve13
+              resolve: resolve14
             },
             linkerJitMode: false,
             logger: {
@@ -4761,14 +4775,14 @@ var init_angularLinkerPlugin = __esm(() => {
 
 // src/utils/cleanStaleOutputs.ts
 import { rm as rm2 } from "fs/promises";
-import { resolve as resolve14 } from "path";
+import { resolve as resolve15 } from "path";
 var {Glob: Glob5 } = globalThis.Bun;
 var HASHED_FILE_PATTERN, cleanStaleOutputs = async (buildPath, currentOutputPaths) => {
-  const currentPaths = new Set(currentOutputPaths.map((path) => resolve14(path)));
+  const currentPaths = new Set(currentOutputPaths.map((path) => resolve15(path)));
   const glob = new Glob5("**/*");
   const removals = [];
   for (const relative5 of glob.scanSync({ cwd: buildPath })) {
-    const absolute = resolve14(buildPath, relative5);
+    const absolute = resolve15(buildPath, relative5);
     if (currentPaths.has(absolute))
       continue;
     if (!HASHED_FILE_PATTERN.test(relative5))
@@ -4829,10 +4843,10 @@ var commonAncestor = (paths, fallback) => {
 var init_commonAncestor = () => {};
 
 // src/utils/validateSafePath.ts
-import { resolve as resolve15, relative as relative5 } from "path";
+import { resolve as resolve16, relative as relative5 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
-  const absoluteBase = resolve15(baseDirectory);
-  const absoluteTarget = resolve15(baseDirectory, targetPath);
+  const absoluteBase = resolve16(baseDirectory);
+  const absoluteTarget = resolve16(baseDirectory, targetPath);
   const relativePath = normalizePath(relative5(absoluteBase, absoluteTarget));
   if (relativePath.startsWith("../") || relativePath === "..") {
     throw new Error(`Unsafe path: ${targetPath}`);
@@ -4909,7 +4923,7 @@ import {
   join as join12,
   basename as basename5,
   extname as extname5,
-  resolve as resolve16,
+  resolve as resolve17,
   relative as relative6,
   sep as sep2
 } from "path";
@@ -4917,14 +4931,14 @@ import { env as env2 } from "process";
 var {write, file: file2, Transpiler } = globalThis.Bun;
 var resolveDevClientDir2 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve16(import.meta.dir, "../dev/client");
+  const fromSource = resolve17(import.meta.dir, "../dev/client");
   if (existsSync13(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve16(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve17(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync13(fromNodeModules))
     return fromNodeModules;
-  return resolve16(import.meta.dir, "./dev/client");
+  return resolve17(import.meta.dir, "./dev/client");
 }, devClientDir2, hmrClientPath3, persistentCache, sourceHashCache, clearSvelteCompilerCache = () => {
   persistentCache.clear();
   sourceHashCache.clear();
@@ -4954,7 +4968,7 @@ var resolveDevClientDir2 = () => {
 }, resolveRelativeModule2 = async (spec, from) => {
   if (!spec.startsWith("."))
     return null;
-  const basePath = resolve16(dirname8(from), spec);
+  const basePath = resolve17(dirname8(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -4981,7 +4995,7 @@ var resolveDevClientDir2 = () => {
     const resolved = resolvePackageImport(spec);
     return resolved && /\.svelte(\.(?:ts|js))?$/.test(resolved) ? resolved : null;
   }
-  const basePath = resolve16(dirname8(from), spec);
+  const basePath = resolve17(dirname8(from), spec);
   const explicit = /\.(svelte|svelte\.(?:ts|js))$/.test(basePath);
   if (!explicit) {
     const extensions = [".svelte", ".svelte.ts", ".svelte.js"];
@@ -5008,7 +5022,7 @@ var resolveDevClientDir2 = () => {
     client: toClient.startsWith(".") || toClient.startsWith("/") ? toClient : `./${toClient}`,
     server: toServer.startsWith(".") ? toServer : `./${toServer}`
   });
-}, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev2 = false) => {
+}, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev2 = false, stylePreprocessors) => {
   const { compile, compileModule, preprocess } = await import("svelte/compiler");
   const generatedDir = join12(svelteRoot, "generated");
   const clientDir = join12(generatedDir, "client");
@@ -5036,7 +5050,7 @@ var resolveDevClientDir2 = () => {
     const loweredServerSource = isModule ? loweredAwaitServerSource : lowerSvelteIslandSyntax(loweredAwaitServerSource.code, "server");
     const loweredClientSource = isModule ? loweredAwaitClientSource : lowerSvelteIslandSyntax(loweredAwaitClientSource.code, "client");
     const transformedByLowering = loweredAwaitServerSource.transformed || loweredAwaitClientSource.transformed || loweredServerSource.transformed || loweredClientSource.transformed;
-    const svelteStylePreprocessor = createSvelteStylePreprocessor();
+    const svelteStylePreprocessor = createSvelteStylePreprocessor(stylePreprocessors);
     const preprocessedServer = isModule ? loweredServerSource.code : (await preprocess(loweredServerSource.code, svelteStylePreprocessor)).code;
     const preprocessedClient = isModule ? loweredClientSource.code : (await preprocess(loweredClientSource.code, svelteStylePreprocessor)).code;
     const transpiledServer = src.endsWith(".ts") || src.endsWith(".svelte.ts") ? transpiler2.transformSync(preprocessedServer) : preprocessedServer;
@@ -5261,18 +5275,18 @@ __export(exports_compileVue, {
 });
 import { existsSync as existsSync14 } from "fs";
 import { mkdir as mkdir3 } from "fs/promises";
-import { basename as basename6, dirname as dirname9, join as join13, relative as relative7, resolve as resolve17 } from "path";
+import { basename as basename6, dirname as dirname9, join as join13, relative as relative7, resolve as resolve18 } from "path";
 var {file: file3, write: write2, Transpiler: Transpiler2 } = globalThis.Bun;
 var resolveDevClientDir3 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve17(import.meta.dir, "../dev/client");
+  const fromSource = resolve18(import.meta.dir, "../dev/client");
   if (existsSync14(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve17(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve18(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync14(fromNodeModules))
     return fromNodeModules;
-  return resolve17(import.meta.dir, "./dev/client");
+  return resolve18(import.meta.dir, "./dev/client");
 }, devClientDir3, hmrClientPath4, transpiler3, scriptCache, scriptSetupCache, templateCache, styleCache, persistentBuildCache, vueSourceHashCache, vueHmrMetadata, clearVueHmrCaches = () => {
   scriptCache.clear();
   scriptSetupCache.clear();
@@ -5334,7 +5348,7 @@ var resolveDevClientDir3 = () => {
   ].join(`
 `) : nonVueLines.join(`
 `);
-}, compileVueFile = async (sourceFilePath, outputDirs, cacheMap, isEntryPoint, vueRootDir, compiler) => {
+}, compileVueFile = async (sourceFilePath, outputDirs, cacheMap, isEntryPoint, vueRootDir, compiler, stylePreprocessors) => {
   const cachedResult = cacheMap.get(sourceFilePath);
   if (cachedResult)
     return cachedResult;
@@ -5372,8 +5386,8 @@ var resolveDevClientDir3 = () => {
   const packageComponentPaths = Array.from(resolvedPackageVueImports.entries());
   const helperModulePaths = importPaths.filter((path) => path.startsWith(".") && !path.endsWith(".vue"));
   const childBuildResults = await Promise.all([
-    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve17(dirname9(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler)),
-    ...packageComponentPaths.map(([, absolutePath]) => compileVueFile(absolutePath, outputDirs, cacheMap, false, vueRootDir, compiler))
+    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve18(dirname9(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors)),
+    ...packageComponentPaths.map(([, absolutePath]) => compileVueFile(absolutePath, outputDirs, cacheMap, false, vueRootDir, compiler, stylePreprocessors))
   ]);
   const hasScript = descriptor.script || descriptor.scriptSetup;
   const compiledScript = hasScript ? compiler.compileScript(descriptor, {
@@ -5408,7 +5422,7 @@ var resolveDevClientDir3 = () => {
     filename: sourceFilePath,
     id: componentId,
     scoped: styleBlock.scoped,
-    source: styleBlock.lang ? await compileStyleSource(sourceFilePath, styleBlock.content, styleBlock.lang) : styleBlock.content,
+    source: styleBlock.lang ? await compileStyleSource(sourceFilePath, styleBlock.content, styleBlock.lang, stylePreprocessors) : styleBlock.content,
     trim: true
   }).code));
   const allCss = [
@@ -5480,14 +5494,14 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     hmrId,
     serverPath: serverOutputPath,
     tsHelperPaths: [
-      ...helperModulePaths.map((helper) => resolve17(dirname9(sourceFilePath), helper.endsWith(".ts") ? helper : `${helper}.ts`)),
+      ...helperModulePaths.map((helper) => resolve18(dirname9(sourceFilePath), helper.endsWith(".ts") ? helper : `${helper}.ts`)),
       ...childBuildResults.flatMap((child) => child.tsHelperPaths)
     ]
   };
   cacheMap.set(sourceFilePath, result);
   persistentBuildCache.set(sourceFilePath, result);
   return result;
-}, compileVue = async (entryPoints, vueRootDir, isDev2 = false) => {
+}, compileVue = async (entryPoints, vueRootDir, isDev2 = false, stylePreprocessors) => {
   const compiler = await import("@vue/compiler-sfc");
   const generatedDir = join13(vueRootDir, "generated");
   const clientOutputDir = join13(generatedDir, "client");
@@ -5503,11 +5517,11 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   const buildCache = new Map;
   const allTsHelperPaths = new Set;
   const compiledPages = await Promise.all(entryPoints.map(async (entryPath) => {
-    const result = await compileVueFile(resolve17(entryPath), {
+    const result = await compileVueFile(resolve18(entryPath), {
       client: clientOutputDir,
       css: cssOutputDir,
       server: serverOutputDir
-    }, buildCache, true, vueRootDir, compiler);
+    }, buildCache, true, vueRootDir, compiler, stylePreprocessors);
     result.tsHelperPaths.forEach((path) => allTsHelperPaths.add(path));
     const entryBaseName = basename6(entryPath, ".vue");
     const indexOutputFile = join13(indexOutputDir, `${entryBaseName}.js`);
@@ -6141,7 +6155,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync15, readFileSync as readFileSync9, promises as fs } from "fs";
-import { join as join14, basename as basename7, sep as sep3, dirname as dirname10, resolve as resolve18, relative as relative8 } from "path";
+import { join as join14, basename as basename7, sep as sep3, dirname as dirname10, resolve as resolve19, relative as relative8 } from "path";
 import ts2 from "typescript";
 import { createHash as createHash2 } from "crypto";
 var computeConfigHash = () => {
@@ -6153,14 +6167,14 @@ var computeConfigHash = () => {
   }
 }, resolveDevClientDir4 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve18(import.meta.dir, "../dev/client");
+  const fromSource = resolve19(import.meta.dir, "../dev/client");
   if (existsSync15(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve18(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve19(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync15(fromNodeModules))
     return fromNodeModules;
-  return resolve18(import.meta.dir, "./dev/client");
+  return resolve19(import.meta.dir, "./dev/client");
 }, devClientDir4, hmrClientPath5, hmrRuntimePath, injectHMRRegistration = (content, sourceId) => {
   const componentClassRegex = /(?:export\s+)?class\s+(\w+Component)\s/g;
   const componentNames = [];
@@ -6226,7 +6240,7 @@ ${registrations}
 }, resolveLocalTsImport = (fromFile, specifier) => {
   if (!isRelativeModuleSpecifier(specifier))
     return null;
-  const basePath = resolve18(dirname10(fromFile), specifier);
+  const basePath = resolve19(dirname10(fromFile), specifier);
   const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
     `${basePath}.ts`,
     `${basePath}.tsx`,
@@ -6237,24 +6251,24 @@ ${registrations}
     join14(basePath, "index.mts"),
     join14(basePath, "index.cts")
   ];
-  return candidates.map((candidate) => resolve18(candidate)).find((candidate) => existsSync15(candidate) && !candidate.endsWith(".d.ts")) ?? null;
+  return candidates.map((candidate) => resolve19(candidate)).find((candidate) => existsSync15(candidate) && !candidate.endsWith(".d.ts")) ?? null;
 }, readFileForAotTransform = async (fileName, readFile4) => {
   const hostSource = readFile4?.(fileName);
   if (typeof hostSource === "string")
     return hostSource;
   return fs.readFile(fileName, "utf-8");
-}, precomputeAotResourceTransforms = async (inputPath, readFile4) => {
+}, precomputeAotResourceTransforms = async (inputPath, readFile4, stylePreprocessors) => {
   const transformedSources = new Map;
   const visited = new Set;
   const transformFile = async (filePath) => {
-    const resolvedPath = resolve18(filePath);
+    const resolvedPath = resolve19(filePath);
     if (visited.has(resolvedPath))
       return;
     visited.add(resolvedPath);
     if (!existsSync15(resolvedPath) || resolvedPath.endsWith(".d.ts"))
       return;
     const source = await readFileForAotTransform(resolvedPath, readFile4);
-    const transformed = await inlineResources(source, dirname10(resolvedPath));
+    const transformed = await inlineResources(source, dirname10(resolvedPath), stylePreprocessors);
     transformedSources.set(resolvedPath, transformed.source);
     const imports = extractLocalImportSpecifiers(source, resolvedPath);
     await Promise.all(imports.map(async (specifier) => {
@@ -6265,7 +6279,7 @@ ${registrations}
   };
   await transformFile(inputPath);
   return transformedSources;
-}, compileAngularFile = async (inputPath, outDir) => {
+}, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => {
   const islandMetadataExports = buildIslandMetadataExports(readFileSync9(inputPath, "utf-8"));
   const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
   const configHash = computeConfigHash();
@@ -6281,7 +6295,7 @@ ${registrations}
   } else {
     const tsPath = __require.resolve("typescript");
     const tsRootDir = dirname10(tsPath);
-    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve18(tsRootDir, "lib");
+    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve19(tsRootDir, "lib");
     const config = readConfiguration("./tsconfig.json");
     options = {
       emitDecoratorMetadata: true,
@@ -6328,13 +6342,13 @@ ${registrations}
     };
   }
   const emitted = {};
-  const resolvedOutDir = resolve18(outDir);
+  const resolvedOutDir = resolve19(outDir);
   host.writeFile = (fileName, text) => {
     const relativePath = resolveRelativePath(fileName, resolvedOutDir, outDir);
     emitted[relativePath] = text;
   };
   const originalReadFile = host.readFile;
-  const aotTransformedSources = await precomputeAotResourceTransforms(inputPath, originalReadFile?.bind(host));
+  const aotTransformedSources = await precomputeAotResourceTransforms(inputPath, originalReadFile?.bind(host), stylePreprocessors);
   host.readFile = (fileName) => {
     const source = originalReadFile ? originalReadFile.call(host, fileName) : undefined;
     if (typeof source !== "string")
@@ -6342,7 +6356,7 @@ ${registrations}
     if (!fileName.endsWith(".ts") || fileName.endsWith(".d.ts")) {
       return source;
     }
-    const resolvedPath = resolve18(fileName);
+    const resolvedPath = resolve19(fileName);
     return aotTransformedSources.get(resolvedPath) ?? source;
   };
   const originalGetSourceFileForCompile = host.getSourceFile;
@@ -6387,7 +6401,7 @@ ${registrations}
   await Promise.all(entries.map(({ target, content }) => fs.writeFile(target, content, "utf-8")));
   return entries.map(({ target }) => target);
 }, jitContentCache, wrapperOutputCache, escapeTemplateContent = (content) => content.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$\{/g, "\\${"), resolveAngularDeferImportSpecifier = () => {
-  const sourceEntry = resolve18(import.meta.dir, "../angular/components/index.ts");
+  const sourceEntry = resolve19(import.meta.dir, "../angular/components/index.ts");
   if (existsSync15(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
@@ -6515,10 +6529,10 @@ ${slot.resolvedBindings.map((binding) => `		"${binding.key}": this.__absoluteDef
   return rewritten.replace(/export(?:\s+default)?\s+class\s+([A-Za-z_$][\w$]*)\s*{/, (match) => `${match}
 ${fields}
 `);
-}, readAndEscapeFile = async (filePath) => {
+}, readAndEscapeFile = async (filePath, stylePreprocessors) => {
   if (!existsSync15(filePath))
     return null;
-  const content = await compileStyleFileIfNeeded(filePath);
+  const content = await compileStyleFileIfNeeded(filePath, stylePreprocessors);
   return escapeTemplateContent(content);
 }, inlineTemplateAndLowerDefer = async (source, fileDir) => {
   const templateUrlMatch = source.match(/templateUrl\s*:\s*['"]([^'"]+)['"]/);
@@ -6582,7 +6596,7 @@ ${fields}
     deferSlots: lowered.slots,
     source: injectDeferSlotFields(replacedSource, lowered.slots, resolveAngularDeferImportSpecifier())
   };
-}, inlineStyleUrls = async (source, fileDir) => {
+}, inlineStyleUrls = async (source, fileDir, stylePreprocessors) => {
   const styleUrlsMatch = source.match(/styleUrls\s*:\s*\[([^\]]+)\]/);
   if (!styleUrlsMatch?.[1])
     return source;
@@ -6591,35 +6605,35 @@ ${fields}
     return source;
   const stylePromises = urlMatches.map((urlMatch) => {
     const styleUrl = urlMatch.replace(/['"]/g, "");
-    return readAndEscapeFile(join14(fileDir, styleUrl));
+    return readAndEscapeFile(join14(fileDir, styleUrl), stylePreprocessors);
   });
   const results = await Promise.all(stylePromises);
   const inlinedStyles = results.filter(Boolean).map((escaped) => `\`${escaped}\``);
   if (inlinedStyles.length === 0)
     return source;
   return source.replace(/styleUrls\s*:\s*\[[^\]]+\]/, `styles: [${inlinedStyles.join(", ")}]`);
-}, inlineSingleStyleUrl = async (source, fileDir) => {
+}, inlineSingleStyleUrl = async (source, fileDir, stylePreprocessors) => {
   const styleUrlMatch = source.match(/styleUrl\s*:\s*['"]([^'"]+)['"]/);
   if (!styleUrlMatch?.[1])
     return source;
-  const escaped = await readAndEscapeFile(join14(fileDir, styleUrlMatch[1]));
+  const escaped = await readAndEscapeFile(join14(fileDir, styleUrlMatch[1]), stylePreprocessors);
   if (!escaped)
     return source;
   return source.replace(/styleUrl\s*:\s*['"][^'"]+['"]/, `styles: [\`${escaped}\`]`);
-}, inlineResources = async (source, fileDir) => {
+}, inlineResources = async (source, fileDir, stylePreprocessors) => {
   const inlinedTemplate = await inlineTemplateAndLowerDefer(source, fileDir);
   let result = inlinedTemplate.source;
-  result = await inlineStyleUrls(result, fileDir);
-  result = await inlineSingleStyleUrl(result, fileDir);
+  result = await inlineStyleUrls(result, fileDir, stylePreprocessors);
+  result = await inlineSingleStyleUrl(result, fileDir, stylePreprocessors);
   return {
     deferSlots: inlinedTemplate.deferSlots,
     source: result
   };
-}, compileAngularFileJIT = async (inputPath, outDir, rootDir) => {
-  const entryPath = resolve18(inputPath);
+}, compileAngularFileJIT = async (inputPath, outDir, rootDir, stylePreprocessors) => {
+  const entryPath = resolve19(inputPath);
   const allOutputs = [];
   const visited = new Set;
-  const baseDir = resolve18(rootDir ?? process.cwd());
+  const baseDir = resolve19(rootDir ?? process.cwd());
   const angularTranspiler = new Bun.Transpiler({
     loader: "ts",
     tsconfig: JSON.stringify({
@@ -6656,13 +6670,13 @@ ${fields}
         return `${prefix}${dots}`;
       return `${prefix}../${dots}`;
     });
-    if (resolve18(actualPath) === entryPath) {
+    if (resolve19(actualPath) === entryPath) {
       processedContent += buildIslandMetadataExports(sourceCode);
     }
     return processedContent;
   };
   const transpileFile = async (filePath) => {
-    const resolved = resolve18(filePath);
+    const resolved = resolve19(filePath);
     if (visited.has(resolved))
       return;
     visited.add(resolved);
@@ -6672,7 +6686,7 @@ ${fields}
     if (!existsSync15(actualPath))
       return;
     let sourceCode = await fs.readFile(actualPath, "utf-8");
-    const inlined = await inlineResources(sourceCode, dirname10(actualPath));
+    const inlined = await inlineResources(sourceCode, dirname10(actualPath), stylePreprocessors);
     sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname10(actualPath)).source;
     const inputDir = dirname10(actualPath);
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
@@ -6704,13 +6718,13 @@ ${fields}
     }
     const inputDirForResolve = dirname10(actualPath);
     await Promise.all(localImports.map((imp) => {
-      const importPath = resolve18(inputDirForResolve, imp);
+      const importPath = resolve19(inputDirForResolve, imp);
       return transpileFile(importPath);
     }));
   };
   await transpileFile(inputPath);
   return allOutputs;
-}, compileAngular = async (entryPoints, outRoot, hmr = false) => {
+}, compileAngular = async (entryPoints, outRoot, hmr = false, stylePreprocessors) => {
   const compiledParent = join14(outRoot, "generated");
   if (entryPoints.length === 0) {
     const emptyPaths = [];
@@ -6720,9 +6734,9 @@ ${fields}
   const indexesDir = join14(compiledParent, "indexes");
   await fs.mkdir(indexesDir, { recursive: true });
   const compileTasks = entryPoints.map(async (entry) => {
-    const resolvedEntry = resolve18(entry);
+    const resolvedEntry = resolve19(entry);
     const relativeEntry = relative8(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
-    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot) : compileAngularFile(resolvedEntry, compiledRoot);
+    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot, stylePreprocessors) : compileAngularFile(resolvedEntry, compiledRoot, stylePreprocessors);
     let outputs = await compileEntry();
     const fileBase = basename7(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
@@ -6730,10 +6744,10 @@ ${fields}
       join14(compiledRoot, relativeEntry),
       join14(compiledRoot, "pages", jsName),
       join14(compiledRoot, jsName)
-    ].map((file4) => resolve18(file4));
+    ].map((file4) => resolve19(file4));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
-        ...candidatePaths.map((file4) => resolve18(file4)),
+        ...candidatePaths.map((file4) => resolve19(file4)),
         ...compiledFallbackPaths
       ];
       let candidate = normalizedCandidates.find((file4) => existsSync15(file4) && file4.endsWith(`${sep3}pages${sep3}${jsName}`));
@@ -6964,24 +6978,24 @@ __export(exports_buildReactVendor, {
   buildReactVendor: () => buildReactVendor
 });
 import { existsSync as existsSync16, mkdirSync as mkdirSync6 } from "fs";
-import { join as join15, resolve as resolve19 } from "path";
+import { join as join15, resolve as resolve20 } from "path";
 import { rm as rm4 } from "fs/promises";
 var {build: bunBuild2 } = globalThis.Bun;
 var resolveJsxDevRuntimeCompatPath = () => {
   const candidates = [
-    resolve19(import.meta.dir, "react", "jsxDevRuntimeCompat.js"),
-    resolve19(import.meta.dir, "src", "react", "jsxDevRuntimeCompat.ts"),
-    resolve19(import.meta.dir, "..", "react", "jsxDevRuntimeCompat.js"),
-    resolve19(import.meta.dir, "..", "src", "react", "jsxDevRuntimeCompat.ts"),
-    resolve19(import.meta.dir, "..", "..", "dist", "react", "jsxDevRuntimeCompat.js"),
-    resolve19(import.meta.dir, "..", "..", "src", "react", "jsxDevRuntimeCompat.ts")
+    resolve20(import.meta.dir, "react", "jsxDevRuntimeCompat.js"),
+    resolve20(import.meta.dir, "src", "react", "jsxDevRuntimeCompat.ts"),
+    resolve20(import.meta.dir, "..", "react", "jsxDevRuntimeCompat.js"),
+    resolve20(import.meta.dir, "..", "src", "react", "jsxDevRuntimeCompat.ts"),
+    resolve20(import.meta.dir, "..", "..", "dist", "react", "jsxDevRuntimeCompat.js"),
+    resolve20(import.meta.dir, "..", "..", "src", "react", "jsxDevRuntimeCompat.ts")
   ];
   for (const candidate of candidates) {
     if (existsSync16(candidate)) {
       return candidate.replace(/\\/g, "/");
     }
   }
-  return (candidates[0] ?? resolve19(import.meta.dir, "react", "jsxDevRuntimeCompat.js")).replace(/\\/g, "/");
+  return (candidates[0] ?? resolve20(import.meta.dir, "react", "jsxDevRuntimeCompat.js")).replace(/\\/g, "/");
 }, jsxDevRuntimeCompatPath, reactSpecifiers, isResolvable = (specifier) => {
   try {
     Bun.resolveSync(specifier, process.cwd());
@@ -7287,7 +7301,7 @@ import {
   statSync,
   writeFileSync as writeFileSync7
 } from "fs";
-import { basename as basename8, dirname as dirname11, join as join19, relative as relative9, resolve as resolve20 } from "path";
+import { basename as basename8, dirname as dirname11, join as join19, relative as relative9, resolve as resolve21 } from "path";
 import { cwd, env as env3, exit } from "process";
 var {build: bunBuild6, Glob: Glob6 } = globalThis.Bun;
 var isDev2, collectConventionSourceFiles = (entry) => {
@@ -7375,8 +7389,8 @@ var isDev2, collectConventionSourceFiles = (entry) => {
   }
 }, resolveAbsoluteVersion = async () => {
   const candidates = [
-    resolve20(import.meta.dir, "..", "..", "package.json"),
-    resolve20(import.meta.dir, "..", "package.json")
+    resolve21(import.meta.dir, "..", "..", "package.json"),
+    resolve21(import.meta.dir, "..", "package.json")
   ];
   for (const candidate of candidates) {
     const pkg = await tryReadPackageJson(candidate);
@@ -7388,7 +7402,7 @@ var isDev2, collectConventionSourceFiles = (entry) => {
     return;
   }
 }, SKIP_DIRS, addWorkerPathIfExists = (file4, relPath, workerPaths) => {
-  const absPath = resolve20(file4, "..", relPath);
+  const absPath = resolve21(file4, "..", relPath);
   try {
     statSync(absPath);
     workerPaths.add(absPath);
@@ -7452,7 +7466,7 @@ var isDev2, collectConventionSourceFiles = (entry) => {
     return;
   }
   const indexFiles = readDir(reactIndexesPath).filter((file4) => file4.endsWith(".tsx"));
-  const pagesRel = relative9(process.cwd(), resolve20(reactPagesPath)).replace(/\\/g, "/");
+  const pagesRel = relative9(process.cwd(), resolve21(reactPagesPath)).replace(/\\/g, "/");
   for (const file4 of indexFiles) {
     let content = readFileSync10(join19(reactIndexesPath, file4), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
@@ -7460,27 +7474,27 @@ var isDev2, collectConventionSourceFiles = (entry) => {
   }
 }, copySvelteDevIndexes = (svelteDir, sveltePagesPath, svelteEntries, devIndexDir) => {
   const svelteIndexDir = join19(svelteDir, "generated", "indexes");
-  const sveltePageEntries = svelteEntries.filter((file4) => resolve20(file4).startsWith(resolve20(sveltePagesPath)));
+  const sveltePageEntries = svelteEntries.filter((file4) => resolve21(file4).startsWith(resolve21(sveltePagesPath)));
   for (const entry of sveltePageEntries) {
     const name = basename8(entry).replace(/\.svelte(\.(ts|js))?$/, "");
     const indexFile = join19(svelteIndexDir, "pages", `${name}.js`);
     if (!existsSync17(indexFile))
       continue;
     let content = readFileSync10(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve20(entry)).replace(/\\/g, "/");
+    const srcRel = relative9(process.cwd(), resolve21(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Component\s+from\s+['"]([^'"]+)['"]/, `import Component from "/@src/${srcRel}"`);
     writeFileSync7(join19(devIndexDir, `${name}.svelte.js`), content);
   }
 }, copyVueDevIndexes = (vueDir, vuePagesPath, vueEntries, devIndexDir) => {
   const vueIndexDir = join19(vueDir, "generated", "indexes");
-  const vuePageEntries = vueEntries.filter((file4) => resolve20(file4).startsWith(resolve20(vuePagesPath)));
+  const vuePageEntries = vueEntries.filter((file4) => resolve21(file4).startsWith(resolve21(vuePagesPath)));
   for (const entry of vuePageEntries) {
     const name = basename8(entry, ".vue");
     const indexFile = join19(vueIndexDir, `${name}.js`);
     if (!existsSync17(indexFile))
       continue;
     let content = readFileSync10(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve20(entry)).replace(/\\/g, "/");
+    const srcRel = relative9(process.cwd(), resolve21(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Comp\s+from\s+['"]([^'"]+)['"]/, `import Comp from "/@src/${srcRel}"`);
     writeFileSync7(join19(devIndexDir, `${name}.vue.js`), content);
   }
@@ -7493,7 +7507,7 @@ var isDev2, collectConventionSourceFiles = (entry) => {
   const last = allComments[allComments.length - 1];
   if (!last?.[1])
     return JSON.stringify(outputPath);
-  const srcPath = resolve20(projectRoot, last[1].replace("/client/", "/").replace(/\.js$/, ".ts"));
+  const srcPath = resolve21(projectRoot, last[1].replace("/client/", "/").replace(/\.js$/, ".ts"));
   return JSON.stringify(srcPath);
 }, QUOTE_CHARS, OPEN_BRACES, CLOSE_BRACES, findFunctionExpressionEnd = (content, startPos) => {
   let depth = 0;
@@ -7605,6 +7619,7 @@ ${content.slice(firstUseIdx)}`;
   svelteDirectory,
   vueDirectory,
   stylesConfig,
+  stylePreprocessors,
   tailwind,
   options,
   incrementalFiles,
@@ -7614,6 +7629,7 @@ ${content.slice(firstUseIdx)}`;
   const projectRoot = cwd();
   await resolveAbsoluteVersion();
   const isIncremental = incrementalFiles && incrementalFiles.length > 0;
+  const stylePreprocessorPlugin2 = createStylePreprocessorPlugin(stylePreprocessors);
   const normalizedIncrementalFiles = incrementalFiles?.map(normalizePath);
   const throwOnError = options?.throwOnError === true;
   const hmr = options?.injectHMR === true;
@@ -7702,13 +7718,13 @@ ${content.slice(firstUseIdx)}`;
   const filterToIncrementalEntries = (entryPoints, mapToSource) => {
     if (!isIncremental || !incrementalFiles)
       return entryPoints;
-    const normalizedIncremental = new Set(incrementalFiles.map((f) => resolve20(f)));
+    const normalizedIncremental = new Set(incrementalFiles.map((f) => resolve21(f)));
     const matchingEntries = [];
     for (const entry of entryPoints) {
       const sourceFile = mapToSource(entry);
       if (!sourceFile)
         continue;
-      if (!normalizedIncremental.has(resolve20(sourceFile)))
+      if (!normalizedIncremental.has(resolve21(sourceFile)))
         continue;
       matchingEntries.push(entry);
     }
@@ -7777,7 +7793,7 @@ ${content.slice(firstUseIdx)}`;
   }
   const shouldIncludeHtmlAssets = !isIncremental || normalizedIncrementalFiles?.some((f) => f.includes("/html/") && (f.endsWith(".html") || isStylePath(f)));
   const reactEntries = isIncremental && reactIndexesPath && reactPagesPath ? filterToIncrementalEntries(allReactEntries, (entry) => {
-    if (entry.startsWith(resolve20(reactIndexesPath))) {
+    if (entry.startsWith(resolve21(reactIndexesPath))) {
       const pageName = basename8(entry, ".tsx");
       return join19(reactPagesPath, `${pageName}.tsx`);
     }
@@ -7809,28 +7825,28 @@ ${content.slice(firstUseIdx)}`;
     { vueClientPaths: islandVueClientPaths },
     { clientPaths: islandAngularClientPaths }
   ] = await Promise.all([
-    shouldCompileSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr)) : {
+    shouldCompileSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteEntries, svelteDir, new Map, hmr, stylePreprocessors)) : {
       svelteClientPaths: [...emptyStringArray],
       svelteIndexPaths: [...emptyStringArray],
       svelteServerPaths: [...emptyStringArray]
     },
-    shouldCompileVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr)) : {
+    shouldCompileVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueEntries, vueDir, hmr, stylePreprocessors)) : {
       vueClientPaths: [...emptyStringArray],
       vueCssPaths: [...emptyStringArray],
       vueIndexPaths: [...emptyStringArray],
       vueServerPaths: [...emptyStringArray]
     },
-    shouldCompileAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr)) : {
+    shouldCompileAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(angularEntries, angularDir, hmr, stylePreprocessors)) : {
       clientPaths: [...emptyStringArray],
       serverPaths: [...emptyStringArray]
     },
-    shouldCompileIslandSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr)) : {
+    shouldCompileIslandSvelte ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(islandSvelteSources, svelteDir, new Map, hmr, stylePreprocessors)) : {
       svelteClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr)) : {
+    shouldCompileIslandVue ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(islandVueSources, vueDir, hmr, stylePreprocessors)) : {
       vueClientPaths: [...emptyStringArray]
     },
-    shouldCompileIslandAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr)) : {
+    shouldCompileIslandAngular ? Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular)).then((mod) => mod.compileAngular(islandAngularSources, angularDir, hmr, stylePreprocessors)) : {
       clientPaths: [...emptyStringArray]
     }
   ]);
@@ -7840,7 +7856,7 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandSvelteClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandSvelteClientPathMap.set(resolve20(sourcePath), clientPath);
+    islandSvelteClientPathMap.set(resolve21(sourcePath), clientPath);
   }
   const islandVueClientPathMap = new Map;
   for (let idx = 0;idx < islandVueSources.length; idx++) {
@@ -7848,7 +7864,7 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandVueClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandVueClientPathMap.set(resolve20(sourcePath), clientPath);
+    islandVueClientPathMap.set(resolve21(sourcePath), clientPath);
   }
   const islandAngularClientPathMap = new Map;
   for (let idx = 0;idx < islandAngularSources.length; idx++) {
@@ -7856,14 +7872,14 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandAngularClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandAngularClientPathMap.set(resolve20(sourcePath), clientPath);
+    islandAngularClientPathMap.set(resolve21(sourcePath), clientPath);
   }
   const svelteConventionSources = collectConventionSourceFiles(conventionsMap.svelte);
   const vueConventionSources = collectConventionSourceFiles(conventionsMap.vue);
   if (svelteConventionSources.length > 0 || vueConventionSources.length > 0) {
     const [svelteConvResult, vueConvResult] = await Promise.all([
-      svelteConventionSources.length > 0 && svelteDir ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false)) : { svelteServerPaths: emptyStringArray },
-      vueConventionSources.length > 0 && vueDir ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false)) : { vueServerPaths: emptyStringArray }
+      svelteConventionSources.length > 0 && svelteDir ? Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte)).then((mod) => mod.compileSvelte(svelteConventionSources, svelteDir, new Map, false, stylePreprocessors)) : { svelteServerPaths: emptyStringArray },
+      vueConventionSources.length > 0 && vueDir ? Promise.resolve().then(() => (init_compileVue(), exports_compileVue)).then((mod) => mod.compileVue(vueConventionSources, vueDir, false, stylePreprocessors)) : { vueServerPaths: emptyStringArray }
     ]);
     const copyConventionFiles = (framework, sources, compiledPaths) => {
       const destDir = join19(buildPath, "conventions", framework);
@@ -7999,7 +8015,7 @@ ${content.slice(firstUseIdx)}`;
     naming: `[dir]/[name].[hash].[ext]`,
     outdir: buildPath,
     ...hmr ? { jsx: { development: true }, reactFastRefresh: true } : {},
-    plugins: [stylePreprocessorPlugin],
+    plugins: [stylePreprocessorPlugin2],
     root: clientRoot,
     splitting: true,
     target: "browser",
@@ -8057,7 +8073,7 @@ ${content.slice(firstUseIdx)}`;
       format: "esm",
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: serverOutDir,
-      plugins: [stylePreprocessorPlugin],
+      plugins: [stylePreprocessorPlugin2],
       root: serverRoot,
       target: "bun",
       throw: false,
@@ -8073,7 +8089,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev2 ? [angularLinkerPlugin] : [],
         ...htmlScriptPlugin ? [htmlScriptPlugin] : []
       ],
@@ -8092,7 +8108,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev2 ? [angularLinkerPlugin] : []
       ],
       root: islandEntryResult.generatedRoot,
@@ -8107,7 +8123,7 @@ ${content.slice(firstUseIdx)}`;
       outdir: stylesDir ? join19(buildPath, basename8(stylesDir)) : buildPath,
       root: stylesDir || clientRoot,
       target: "browser",
-      plugins: [stylePreprocessorPlugin],
+      plugins: [stylePreprocessorPlugin2],
       throw: false
     }) : undefined,
     vueCssPaths.length > 0 ? bunBuild6({
@@ -8398,7 +8414,7 @@ var init_build = __esm(() => {
 // src/dev/dependencyGraph.ts
 import { existsSync as existsSync18, readFileSync as readFileSync11 } from "fs";
 var {Glob: Glob7 } = globalThis.Bun;
-import { resolve as resolve21 } from "path";
+import { resolve as resolve22 } from "path";
 var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath) => {
   const lower = filePath.toLowerCase();
   if (lower.endsWith(".ts") || lower.endsWith(".tsx") || lower.endsWith(".jsx"))
@@ -8412,8 +8428,8 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   if (!importPath.startsWith(".") && !importPath.startsWith("/")) {
     return null;
   }
-  const fromDir = resolve21(fromFile, "..");
-  const normalized = resolve21(fromDir, importPath);
+  const fromDir = resolve22(fromFile, "..");
+  const normalized = resolve22(fromDir, importPath);
   const extensions = [
     ".ts",
     ".tsx",
@@ -8443,7 +8459,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     dependents.delete(normalizedPath);
   }
 }, addFileToGraph = (graph, filePath) => {
-  const normalizedPath = resolve21(filePath);
+  const normalizedPath = resolve22(filePath);
   if (!existsSync18(normalizedPath))
     return;
   const dependencies = extractDependencies(normalizedPath);
@@ -8460,10 +8476,10 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
 }, IGNORED_SEGMENTS, buildInitialDependencyGraph = (graph, directories) => {
   const processedFiles = new Set;
   const glob = new Glob7("**/*.{ts,tsx,js,jsx,vue,svelte,html,htm}");
-  const resolvedDirs = directories.map((dir) => resolve21(dir)).filter((dir) => existsSync18(dir));
+  const resolvedDirs = directories.map((dir) => resolve22(dir)).filter((dir) => existsSync18(dir));
   const allFiles = resolvedDirs.flatMap((dir) => Array.from(glob.scanSync({ absolute: true, cwd: dir })));
   for (const file4 of allFiles) {
-    const fullPath = resolve21(file4);
+    const fullPath = resolve22(file4);
     if (IGNORED_SEGMENTS.some((seg) => fullPath.includes(seg)))
       continue;
     if (processedFiles.has(fullPath))
@@ -8576,7 +8592,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     return [];
   }
 }, getAffectedFiles = (graph, changedFile) => {
-  const normalizedPath = resolve21(changedFile);
+  const normalizedPath = resolve22(changedFile);
   const affected = new Set;
   const toProcess = [normalizedPath];
   const processNode = (current) => {
@@ -8616,7 +8632,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   }
   graph.dependents.delete(normalizedPath);
 }, removeFileFromGraph = (graph, filePath) => {
-  const normalizedPath = resolve21(filePath);
+  const normalizedPath = resolve22(filePath);
   removeDepsForFile(graph, normalizedPath);
   removeDependentsForFile(graph, normalizedPath);
 };
@@ -8659,12 +8675,12 @@ var globalVersionCounter = 0, createModuleVersionTracker = () => new Map, getNex
 };
 
 // src/dev/configResolver.ts
-import { resolve as resolve22 } from "path";
+import { resolve as resolve23 } from "path";
 var resolveBuildPaths = (config) => {
   const cwd2 = process.cwd();
   const normalize = (path) => path.replace(/\\/g, "/");
-  const withDefault = (value, fallback) => normalize(resolve22(cwd2, value ?? fallback));
-  const optional = (value) => value ? normalize(resolve22(cwd2, value)) : undefined;
+  const withDefault = (value, fallback) => normalize(resolve23(cwd2, value ?? fallback));
+  const optional = (value) => value ? normalize(resolve23(cwd2, value)) : undefined;
   return {
     angularDir: optional(config.angularDirectory),
     assetsDir: optional(config.assetsDirectory),
@@ -8854,7 +8870,7 @@ var init_pathUtils = __esm(() => {
 // src/dev/fileWatcher.ts
 import { watch } from "fs";
 import { existsSync as existsSync19 } from "fs";
-import { join as join20, resolve as resolve23 } from "path";
+import { join as join20, resolve as resolve24 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -8899,7 +8915,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
 }, addFileWatchers = (state, paths, onFileChange) => {
   const stylesDir = state.resolvedPaths?.stylesDir;
   paths.forEach((path) => {
-    const absolutePath = resolve23(path).replace(/\\/g, "/");
+    const absolutePath = resolve24(path).replace(/\\/g, "/");
     if (!existsSync19(absolutePath)) {
       return;
     }
@@ -8910,7 +8926,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
   const watchPaths = getWatchPaths(config, state.resolvedPaths);
   const stylesDir = state.resolvedPaths?.stylesDir;
   watchPaths.forEach((path) => {
-    const absolutePath = resolve23(path).replace(/\\/g, "/");
+    const absolutePath = resolve24(path).replace(/\\/g, "/");
     if (!existsSync19(absolutePath)) {
       return;
     }
@@ -8925,13 +8941,13 @@ var init_fileWatcher = __esm(() => {
 });
 
 // src/dev/assetStore.ts
-import { resolve as resolve24 } from "path";
+import { resolve as resolve25 } from "path";
 import { readdir as readdir3, unlink } from "fs/promises";
 var mimeTypes, getMimeType = (filePath) => {
   const ext = filePath.slice(filePath.lastIndexOf("."));
   return mimeTypes[ext] ?? "application/octet-stream";
 }, HASHED_FILE_RE, stripHash = (webPath) => webPath.replace(/\.[a-z0-9]{8}(\.(js|css|mjs))$/, "$1"), processWalkEntry = (entry, dir, liveByIdentity, walkAndClean) => {
-  const fullPath = resolve24(dir, entry.name);
+  const fullPath = resolve25(dir, entry.name);
   if (entry.isDirectory()) {
     return walkAndClean(fullPath);
   }
@@ -8947,10 +8963,10 @@ var mimeTypes, getMimeType = (filePath) => {
 }, cleanStaleAssets = async (store, manifest, buildDir) => {
   const liveByIdentity = new Map;
   for (const webPath of store.keys()) {
-    const diskPath = resolve24(buildDir, webPath.slice(1));
+    const diskPath = resolve25(buildDir, webPath.slice(1));
     liveByIdentity.set(stripHash(diskPath), diskPath);
   }
-  const absBuildDir = resolve24(buildDir);
+  const absBuildDir = resolve25(buildDir);
   Object.values(manifest).forEach((val) => {
     if (!HASHED_FILE_RE.test(val))
       return;
@@ -8968,7 +8984,7 @@ var mimeTypes, getMimeType = (filePath) => {
   } catch {}
 }, lookupAsset = (store, path) => store.get(path), processScanEntry = (entry, dir, prefix, store, scanDir) => {
   if (entry.isDirectory()) {
-    return scanDir(resolve24(dir, entry.name), `${prefix}${entry.name}/`);
+    return scanDir(resolve25(dir, entry.name), `${prefix}${entry.name}/`);
   }
   if (!entry.name.startsWith("chunk-")) {
     return null;
@@ -8977,7 +8993,7 @@ var mimeTypes, getMimeType = (filePath) => {
   if (store.has(webPath)) {
     return null;
   }
-  return Bun.file(resolve24(dir, entry.name)).bytes().then((bytes) => {
+  return Bun.file(resolve25(dir, entry.name)).bytes().then((bytes) => {
     store.set(webPath, bytes);
     return;
   }).catch(() => {});
@@ -9002,7 +9018,7 @@ var mimeTypes, getMimeType = (filePath) => {
   for (const webPath of newIdentities.values()) {
     if (store.has(webPath))
       continue;
-    loadPromises.push(Bun.file(resolve24(buildDir, webPath.slice(1))).bytes().then((bytes) => {
+    loadPromises.push(Bun.file(resolve25(buildDir, webPath.slice(1))).bytes().then((bytes) => {
       store.set(webPath, bytes);
       return;
     }).catch(() => {}));
@@ -9053,9 +9069,9 @@ var init_fileHashTracker = __esm(() => {
 });
 
 // src/dev/reactComponentClassifier.ts
-import { resolve as resolve25 } from "path";
+import { resolve as resolve26 } from "path";
 var classifyComponent = (filePath) => {
-  const normalizedPath = resolve25(filePath);
+  const normalizedPath = resolve26(filePath);
   if (normalizedPath.includes("/react/pages/")) {
     return "server";
   }
@@ -9067,7 +9083,7 @@ var classifyComponent = (filePath) => {
 var init_reactComponentClassifier = () => {};
 
 // src/dev/moduleMapper.ts
-import { basename as basename9, resolve as resolve26 } from "path";
+import { basename as basename9, resolve as resolve27 } from "path";
 var buildModulePaths = (moduleKeys, manifest) => {
   const modulePaths = {};
   moduleKeys.forEach((key) => {
@@ -9077,7 +9093,7 @@ var buildModulePaths = (moduleKeys, manifest) => {
   });
   return modulePaths;
 }, processChangedFile = (sourceFile, framework, manifest, resolvedPaths, processedFiles) => {
-  const normalizedFile = resolve26(sourceFile);
+  const normalizedFile = resolve27(sourceFile);
   const normalizedPath = normalizedFile.replace(/\\/g, "/");
   if (processedFiles.has(normalizedFile)) {
     return null;
@@ -9113,7 +9129,7 @@ var buildModulePaths = (moduleKeys, manifest) => {
   });
   return grouped;
 }, mapSourceFileToManifestKeys = (sourceFile, framework, resolvedPaths) => {
-  const normalizedFile = resolve26(sourceFile);
+  const normalizedFile = resolve27(sourceFile);
   const fileName = basename9(normalizedFile);
   const baseName = fileName.replace(/\.(tsx?|jsx?|vue|svelte|css|html)$/, "");
   const pascalName = toPascal(baseName);
@@ -9396,19 +9412,19 @@ var escapeHtml = (str) => String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;
 import { AsyncLocalStorage as AsyncLocalStorage3 } from "async_hooks";
 import { mkdir as mkdir4, symlink } from "fs/promises";
 import { tmpdir } from "os";
-import { basename as basename10, dirname as dirname12, join as join21, resolve as resolve27 } from "path";
+import { basename as basename10, dirname as dirname12, join as join21, resolve as resolve28 } from "path";
 var ssrDirty2 = false, lastSelector = "angular-page", isRecord8 = (value) => typeof value === "object" && value !== null, isAngularComponent = (value) => typeof value === "function", compilerImportPromise = null, ensureAngularCompiler = () => {
   if (!compilerImportPromise) {
     compilerImportPromise = import("@angular/compiler");
   }
   return compilerImportPromise;
 }, readAngularPageModule = (value) => isRecord8(value) ? value : null, resolveAngularSsrOutDir = () => process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR ?? join21(tmpdir(), "absolutejs", "generated", "angular-ssr"), ensureAngularSsrNodeModules = async (outDir) => {
-  const outRoot = resolve27(dirname12(dirname12(outDir)));
+  const outRoot = resolve28(dirname12(dirname12(outDir)));
   const nodeModulesLink = join21(outRoot, "node_modules");
   if (process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR) {
     return;
   }
-  if (nodeModulesLink === resolve27(process.cwd(), "node_modules")) {
+  if (nodeModulesLink === resolve28(process.cwd(), "node_modules")) {
     return;
   }
   if (await Bun.file(nodeModulesLink).exists()) {
@@ -9416,7 +9432,7 @@ var ssrDirty2 = false, lastSelector = "angular-page", isRecord8 = (value) => typ
   }
   await mkdir4(outRoot, { recursive: true });
   try {
-    await symlink(resolve27(process.cwd(), "node_modules"), nodeModulesLink, "dir");
+    await symlink(resolve28(process.cwd(), "node_modules"), nodeModulesLink, "dir");
   } catch (error) {
     if (!(error instanceof Error) || !("code" in error) || error.code !== "EEXIST") {
       throw error;
@@ -9860,7 +9876,7 @@ __export(exports_moduleServer, {
   SRC_URL_PREFIX: () => SRC_URL_PREFIX
 });
 import { existsSync as existsSync20, readFileSync as readFileSync13, statSync as statSync2 } from "fs";
-import { basename as basename12, dirname as dirname14, extname as extname6, resolve as resolve28, relative as relative10 } from "path";
+import { basename as basename12, dirname as dirname14, extname as extname6, resolve as resolve29, relative as relative10 } from "path";
 var SRC_PREFIX = "/@src/", jsTranspiler2, tsTranspiler2, tsxTranspiler, TRANSPILABLE, ALL_EXPORTS_RE, STRING_CONTENTS_RE, preserveTypeExports = (originalSource, transpiled, valueExports) => {
   const codeOnly = originalSource.replace(STRING_CONTENTS_RE, '""');
   const allExports = [];
@@ -9880,7 +9896,7 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, tsTranspiler2, tsxTranspiler, TRANSPIL
 ${stubs}
 `;
 }, resolveRelativeExtension = (srcPath, projectRoot, extensions) => {
-  const found = extensions.find((ext) => existsSync20(resolve28(projectRoot, srcPath + ext)));
+  const found = extensions.find((ext) => existsSync20(resolve29(projectRoot, srcPath + ext)));
   return found ? srcPath + found : srcPath;
 }, IMPORT_EXTENSIONS, SIDE_EFFECT_EXTENSIONS, MODULE_EXTENSIONS, RESOLVED_MODULE_EXTENSIONS, REACT_EXTENSIONS, escapeRegex3 = (str) => str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), buildImportRewriter = (vendorPaths) => {
   const entries = Object.entries(vendorPaths).sort(([a], [b]) => b.length - a.length);
@@ -9895,7 +9911,7 @@ ${stubs}
   return invalidationVersion > 0 ? `${mtime}.${invalidationVersion}` : `${mtime}`;
 }, srcUrl = (relPath, projectRoot) => {
   const base = `${SRC_PREFIX}${relPath.replace(/\\/g, "/")}`;
-  const absPath = resolve28(projectRoot, relPath);
+  const absPath = resolve29(projectRoot, relPath);
   const cached = mtimeCache.get(absPath);
   if (cached !== undefined)
     return `${base}?v=${buildVersion(cached, absPath)}`;
@@ -9907,12 +9923,12 @@ ${stubs}
     return base;
   }
 }, resolveRelativeImport = (relPath, fileDir, projectRoot, extensions) => {
-  const absPath = resolve28(fileDir, relPath);
+  const absPath = resolve29(fileDir, relPath);
   const rel = relative10(projectRoot, absPath);
   const extension = extname6(rel);
   let srcPath = RESOLVED_MODULE_EXTENSIONS.has(extension) ? rel : resolveRelativeExtension(rel, projectRoot, extensions);
   if (extname6(srcPath) === ".svelte") {
-    srcPath = relative10(projectRoot, resolveSvelteModulePath(resolve28(projectRoot, srcPath)));
+    srcPath = relative10(projectRoot, resolveSvelteModulePath(resolve29(projectRoot, srcPath)));
   }
   return srcUrl(srcPath, projectRoot);
 }, resolveAbsoluteSpecifier = (specifier, projectRoot) => {
@@ -9958,12 +9974,12 @@ ${stubs}
     return `${prefix}${srcUrl(rel, projectRoot)}${suffix}`;
   });
   result = result.replace(/new\s+URL\(\s*["'](\.\.?\/[^"']+)["']\s*,\s*import\.meta\.url\s*\)/g, (_match, relPath) => {
-    const absPath = resolve28(fileDir, relPath);
+    const absPath = resolve29(fileDir, relPath);
     const rel = relative10(projectRoot, absPath);
     return `new URL('${srcUrl(rel, projectRoot)}', import.meta.url)`;
   });
   result = result.replace(/import\.meta\.resolve\(\s*["'](\.\.?\/[^"']+)["']\s*\)/g, (_match, relPath) => {
-    const absPath = resolve28(fileDir, relPath);
+    const absPath = resolve29(fileDir, relPath);
     const rel = relative10(projectRoot, absPath);
     return `'${srcUrl(rel, projectRoot)}'`;
   });
@@ -10163,7 +10179,7 @@ ${code}`;
 ` + `  if (!window.__SVELTE_HMR_ACCEPT__) window.__SVELTE_HMR_ACCEPT__ = {};
 ` + `  var __hmr_accept = function(cb) { window.__SVELTE_HMR_ACCEPT__[${JSON.stringify(moduleUrl)}] = cb; };`);
   return code.replace(/import\.meta\.hot\.accept\(/g, "__hmr_accept(");
-}, transformSvelteFile = async (filePath, projectRoot, rewriter) => {
+}, transformSvelteFile = async (filePath, projectRoot, rewriter, stylePreprocessors) => {
   const raw = readFileSync13(filePath, "utf-8");
   if (!svelteCompiler) {
     svelteCompiler = await import("svelte/compiler");
@@ -10171,7 +10187,7 @@ ${code}`;
   const isModule = filePath.endsWith(".svelte.ts") || filePath.endsWith(".svelte.js");
   const loweredAwaitSource = isModule ? { code: raw, transformed: false } : lowerSvelteAwaitSlotSyntax(raw);
   const loweredSource = isModule ? loweredAwaitSource : lowerSvelteIslandSyntax(loweredAwaitSource.code, "client");
-  const source = loweredSource.code;
+  const source = isModule ? loweredSource.code : (await svelteCompiler.preprocess(loweredSource.code, createSvelteStylePreprocessor(stylePreprocessors))).code;
   const enableAsync = loweredAwaitSource.transformed || loweredSource.transformed;
   const code = isModule ? compileSvelteModule(source, filePath) : compileSvelteComponent(source, filePath, projectRoot, enableAsync);
   return rewriteImports2(code, filePath, projectRoot, rewriter);
@@ -10198,16 +10214,16 @@ __script__.render = render;`;
   code += `
 export default __script__;`;
   return code;
-}, compileVueStyles = (descriptor, filePath, componentId, code) => {
+}, compileVueStyles = async (descriptor, filePath, componentId, code, stylePreprocessors) => {
   if (descriptor.styles.length === 0)
     return code;
-  const cssCode = descriptor.styles.map((style) => vueCompiler.compileStyle({
+  const cssCode = (await Promise.all(descriptor.styles.map(async (style) => vueCompiler.compileStyle({
     filename: filePath,
     id: `data-v-${componentId}`,
     scoped: style.scoped,
-    source: style.content,
+    source: style.lang ? await compileStyleSource(filePath, style.content, style.lang, stylePreprocessors) : style.content,
     trim: true
-  }).code).join(`
+  }).code))).join(`
 `);
   const escaped = cssCode.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
   const hmrId = JSON.stringify(filePath);
@@ -10221,7 +10237,7 @@ export default __script__;`;
   ].join("");
   return `${cssInjection}
 ${code}`;
-}, transformVueFile = async (filePath, projectRoot, rewriter, vueDir) => {
+}, transformVueFile = async (filePath, projectRoot, rewriter, vueDir, stylePreprocessors) => {
   const raw = readFileSync13(filePath, "utf-8");
   if (!vueCompiler) {
     vueCompiler = await import("@vue/compiler-sfc");
@@ -10234,12 +10250,12 @@ ${code}`;
     inlineTemplate: false
   });
   let code = compileVueTemplate(descriptor, compiledScript, filePath, componentId);
-  code = compileVueStyles(descriptor, filePath, componentId, code);
+  code = await compileVueStyles(descriptor, filePath, componentId, code, stylePreprocessors);
   code = tsTranspiler2.transformSync(code);
   code = injectVueHmr(code, filePath, projectRoot, vueDir);
   return rewriteImports2(code, filePath, projectRoot, rewriter);
 }, injectVueHmr = (code, filePath, projectRoot, vueDir) => {
-  const hmrBase = vueDir ? resolve28(vueDir) : projectRoot;
+  const hmrBase = vueDir ? resolve29(vueDir) : projectRoot;
   const hmrId = relative10(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
   let result = code.replace(/export\s+default\s+/, "var __hmr_comp__ = ");
   result += [
@@ -10398,7 +10414,7 @@ export default {};
   const escaped = virtualCss.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
   return jsResponse(`var s=document.createElement('style');s.textContent=\`${escaped}\`;s.dataset.svelteHmr=${JSON.stringify(cssCheckPath)};var p=document.querySelector('style[data-svelte-hmr="${cssCheckPath}"]');if(p)p.remove();document.head.appendChild(s);`);
 }, resolveSourcePath = (relPath, projectRoot) => {
-  const filePath = resolve28(projectRoot, relPath);
+  const filePath = resolve29(projectRoot, relPath);
   const ext = extname6(filePath);
   if (ext === ".svelte")
     return { ext, filePath: resolveSvelteModulePath(filePath) };
@@ -10411,7 +10427,7 @@ export default {};
   if (found === ".svelte")
     return { ext: found, filePath: resolveSvelteModulePath(resolved) };
   return { ext: found, filePath: resolved };
-}, transformAndCache = async (filePath, ext, projectRoot, rewriter, vueDir) => {
+}, transformAndCache = async (filePath, ext, projectRoot, rewriter, vueDir, stylePreprocessors) => {
   if (ext === ".css")
     return jsResponse(handleCssRequest(filePath));
   const isSvelte = ext === ".svelte" || filePath.endsWith(".svelte.ts") || filePath.endsWith(".svelte.js");
@@ -10419,24 +10435,24 @@ export default {};
   if (cached)
     return jsResponse(cached);
   if (isSvelte)
-    return transformAndCacheSvelte(filePath, projectRoot, rewriter);
+    return transformAndCacheSvelte(filePath, projectRoot, rewriter, stylePreprocessors);
   if (ext === ".vue")
-    return transformAndCacheVue(filePath, projectRoot, rewriter, vueDir);
+    return transformAndCacheVue(filePath, projectRoot, rewriter, vueDir, stylePreprocessors);
   if (!TRANSPILABLE.has(ext))
     return;
   const stat2 = statSync2(filePath);
-  const resolvedVueDir = vueDir ? resolve28(vueDir) : undefined;
+  const resolvedVueDir = vueDir ? resolve29(vueDir) : undefined;
   const content = REACT_EXTENSIONS.has(ext) ? transformReactFile(filePath, projectRoot, rewriter) : transformPlainFile(filePath, projectRoot, rewriter, resolvedVueDir);
   setTransformed(filePath, content, stat2.mtimeMs, extractImportedFiles(content, projectRoot));
   return jsResponse(content);
-}, transformAndCacheSvelte = async (filePath, projectRoot, rewriter) => {
+}, transformAndCacheSvelte = async (filePath, projectRoot, rewriter, stylePreprocessors) => {
   const stat2 = statSync2(filePath);
-  const content = await transformSvelteFile(filePath, projectRoot, rewriter);
+  const content = await transformSvelteFile(filePath, projectRoot, rewriter, stylePreprocessors);
   setTransformed(filePath, content, stat2.mtimeMs, extractImportedFiles(content, projectRoot));
   return jsResponse(content);
-}, transformAndCacheVue = async (filePath, projectRoot, rewriter, vueDir) => {
+}, transformAndCacheVue = async (filePath, projectRoot, rewriter, vueDir, stylePreprocessors) => {
   const stat2 = statSync2(filePath);
-  const content = await transformVueFile(filePath, projectRoot, rewriter, vueDir);
+  const content = await transformVueFile(filePath, projectRoot, rewriter, vueDir, stylePreprocessors);
   setTransformed(filePath, content, stat2.mtimeMs, extractImportedFiles(content, projectRoot));
   return jsResponse(content);
 }, transformErrorResponse = (err) => {
@@ -10446,7 +10462,7 @@ export default {};
     status: 500
   });
 }, createModuleServer = (config) => {
-  const { projectRoot, vendorPaths, frameworkDirs } = config;
+  const { projectRoot, vendorPaths, frameworkDirs, stylePreprocessors } = config;
   const rewriter = buildImportRewriter(vendorPaths);
   return async (pathname) => {
     if (pathname.startsWith("/@stub/"))
@@ -10456,12 +10472,12 @@ export default {};
     if (!pathname.startsWith(SRC_PREFIX))
       return;
     const relPath = pathname.slice(SRC_PREFIX.length);
-    const virtualCssResponse = handleVirtualSvelteCss(resolve28(projectRoot, relPath));
+    const virtualCssResponse = handleVirtualSvelteCss(resolve29(projectRoot, relPath));
     if (virtualCssResponse)
       return virtualCssResponse;
     const { filePath, ext } = resolveSourcePath(relPath, projectRoot);
     try {
-      return await transformAndCache(filePath, ext, projectRoot, rewriter, frameworkDirs?.vue);
+      return await transformAndCache(filePath, ext, projectRoot, rewriter, frameworkDirs?.vue, stylePreprocessors);
     } catch (err) {
       return transformErrorResponse(err);
     }
@@ -10472,11 +10488,11 @@ export default {};
   SRC_IMPORT_RE.lastIndex = 0;
   while ((match = SRC_IMPORT_RE.exec(content)) !== null) {
     if (match[1])
-      files.push(resolve28(projectRoot, match[1]));
+      files.push(resolve29(projectRoot, match[1]));
   }
   return files;
 }, invalidateModule = (filePath) => {
-  const resolved = resolve28(filePath);
+  const resolved = resolve29(filePath);
   invalidate(filePath);
   if (resolved !== filePath)
     invalidate(resolved);
@@ -10495,6 +10511,7 @@ var init_moduleServer = __esm(() => {
   init_constants();
   init_resolvePackageImport();
   init_sourceMetadata();
+  init_stylePreprocessor();
   init_lowerAwaitSlotSyntax();
   init_lowerIslandSyntax();
   init_transformCache();
@@ -10552,11 +10569,11 @@ var exports_simpleHTMLHMR = {};
 __export(exports_simpleHTMLHMR, {
   handleHTMLUpdate: () => handleHTMLUpdate
 });
-import { resolve as resolve29 } from "path";
+import { resolve as resolve30 } from "path";
 var handleHTMLUpdate = async (htmlFilePath) => {
   let htmlContent;
   try {
-    const resolvedPath = resolve29(htmlFilePath);
+    const resolvedPath = resolve30(htmlFilePath);
     const file4 = Bun.file(resolvedPath);
     if (!await file4.exists()) {
       return null;
@@ -10582,11 +10599,11 @@ var exports_simpleHTMXHMR = {};
 __export(exports_simpleHTMXHMR, {
   handleHTMXUpdate: () => handleHTMXUpdate
 });
-import { resolve as resolve30 } from "path";
+import { resolve as resolve31 } from "path";
 var handleHTMXUpdate = async (htmxFilePath) => {
   let htmlContent;
   try {
-    const resolvedPath = resolve30(htmxFilePath);
+    const resolvedPath = resolve31(htmxFilePath);
     const file4 = Bun.file(resolvedPath);
     if (!await file4.exists()) {
       return null;
@@ -10609,7 +10626,7 @@ var init_simpleHTMXHMR = () => {};
 
 // src/dev/rebuildTrigger.ts
 import { existsSync as existsSync21 } from "fs";
-import { basename as basename13, dirname as dirname15, relative as relative11, resolve as resolve31 } from "path";
+import { basename as basename13, dirname as dirname15, relative as relative11, resolve as resolve32 } from "path";
 var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
@@ -10681,7 +10698,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   state.fileHashes.delete(filePathInSet);
   try {
     const affectedFiles = getAffectedFiles(state.dependencyGraph, filePathInSet);
-    const deletedPathResolved = resolve31(filePathInSet);
+    const deletedPathResolved = resolve32(filePathInSet);
     affectedFiles.forEach((affectedFile) => {
       if (isValidDeletedAffectedFile(affectedFile, deletedPathResolved, processedFiles)) {
         validFiles.push(affectedFile);
@@ -10725,7 +10742,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (storedHash !== undefined && storedHash === fileHash) {
     return;
   }
-  const normalizedFilePath = resolve31(filePathInSet);
+  const normalizedFilePath = resolve32(filePathInSet);
   if (!processedFiles.has(normalizedFilePath)) {
     validFiles.push(normalizedFilePath);
     processedFiles.add(normalizedFilePath);
@@ -10803,7 +10820,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   if (framework === "unknown") {
     const { invalidate: invalidate2 } = (init_transformCache(), __toCommonJS(exports_transformCache));
-    invalidate2(resolve31(filePath));
+    invalidate2(resolve32(filePath));
     const relPath = relative11(process.cwd(), filePath);
     logHmrUpdate(relPath);
     return;
@@ -10849,7 +10866,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   if (!graph)
     return componentFile;
-  const dependents = graph.dependents.get(resolve31(componentFile));
+  const dependents = graph.dependents.get(resolve32(componentFile));
   if (!dependents)
     return componentFile;
   for (const dep of dependents) {
@@ -10858,7 +10875,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   return componentFile;
 }, resolveAngularPageEntries = (state, angularFiles, angularPagesPath) => {
-  const pageEntries = angularFiles.filter((file4) => file4.endsWith(".ts") && resolve31(file4).startsWith(angularPagesPath));
+  const pageEntries = angularFiles.filter((file4) => file4.endsWith(".ts") && resolve32(file4).startsWith(angularPagesPath));
   if (pageEntries.length > 0 || !state.dependencyGraph) {
     return pageEntries;
   }
@@ -10867,7 +10884,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     const lookupFile = resolveComponentLookupFile(componentFile, state.dependencyGraph);
     const affected = getAffectedFiles(state.dependencyGraph, lookupFile);
     affected.forEach((file4) => {
-      if (file4.endsWith(".ts") && resolve31(file4).startsWith(angularPagesPath)) {
+      if (file4.endsWith(".ts") && resolve32(file4).startsWith(angularPagesPath)) {
         resolvedPages.add(file4);
       }
     });
@@ -10917,7 +10934,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     format: "esm",
     naming: "[dir]/[name].[hash].[ext]",
     outdir: buildDir,
-    plugins: [stylePreprocessorPlugin],
+    plugins: [
+      createStylePreprocessorPlugin(state.config.stylePreprocessors)
+    ],
     root: clientRoot,
     target: "browser",
     throw: false
@@ -10958,10 +10977,10 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, compileAndBundleAngular = async (state, pageEntries, angularDir) => {
   const { compileAngular: compileAngular2 } = await Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular));
-  const { clientPaths, serverPaths } = await compileAngular2(pageEntries, angularDir, true);
+  const { clientPaths, serverPaths } = await compileAngular2(pageEntries, angularDir, true, state.config.stylePreprocessors);
   serverPaths.forEach((serverPath) => {
     const fileBase = basename13(serverPath, ".js");
-    state.manifest[toPascal(fileBase)] = resolve31(serverPath);
+    state.manifest[toPascal(fileBase)] = resolve32(serverPath);
   });
   if (clientPaths.length > 0) {
     await bundleAngularClient(state, clientPaths, state.resolvedPaths.buildDir);
@@ -10970,9 +10989,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const angularDir = config.angularDirectory ?? "";
   const angularFiles = filesToRebuild.filter((file4) => detectFramework(file4, state.resolvedPaths) === "angular");
   for (const file4 of angularFiles) {
-    state.fileHashes.set(resolve31(file4), computeFileHash(file4));
+    state.fileHashes.set(resolve32(file4), computeFileHash(file4));
   }
-  const angularPagesPath = resolve31(angularDir, "pages");
+  const angularPagesPath = resolve32(angularDir, "pages");
   const pageEntries = resolveAngularPageEntries(state, angularFiles, angularPagesPath);
   if (pageEntries.length > 0) {
     await compileAndBundleAngular(state, pageEntries, angularDir);
@@ -10987,7 +11006,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   return manifest;
 }, resolveReactEntryForPageFile = (normalized, pagesPathResolved, reactIndexesPath) => {
   const pageName = basename13(normalized, ".tsx");
-  const indexPath = resolve31(reactIndexesPath, `${pageName}.tsx`);
+  const indexPath = resolve32(reactIndexesPath, `${pageName}.tsx`);
   if (!existsSync21(indexPath)) {
     return;
   }
@@ -10999,13 +11018,13 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       return;
     }
     const pageName = basename13(dep, ".tsx");
-    const indexPath = resolve31(reactIndexesPath, `${pageName}.tsx`);
+    const indexPath = resolve32(reactIndexesPath, `${pageName}.tsx`);
     if (existsSync21(indexPath) && !reactEntries.includes(indexPath)) {
       reactEntries.push(indexPath);
     }
   });
 }, resolveReactEntryForFile = (state, file4, pagesPathResolved, reactIndexesPath, reactEntries) => {
-  const normalized = resolve31(file4);
+  const normalized = resolve32(file4);
   if (!normalized.startsWith(pagesPathResolved)) {
     resolveReactEntriesFromDeps(state, normalized, pagesPathResolved, reactIndexesPath, reactEntries);
     return;
@@ -11016,7 +11035,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
 }, collectReactEntries = (state, filesToRebuild, reactPagesPath, reactIndexesPath) => {
   const reactEntries = [];
-  const pagesPathResolved = resolve31(reactPagesPath);
+  const pagesPathResolved = resolve32(reactPagesPath);
   filesToRebuild.forEach((file4) => {
     resolveReactEntryForFile(state, file4, pagesPathResolved, reactIndexesPath, reactEntries);
   });
@@ -11028,7 +11047,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const { rewriteReactImports: rewriteReactImports2 } = await Promise.resolve().then(() => (init_rewriteReactImports(), exports_rewriteReactImports));
   const clientRoot = await computeClientRoot(state.resolvedPaths);
   const depVendorPaths = globalThis.__depVendorPaths ?? {};
-  const refreshEntry = resolve31(reactIndexesPath, "_refresh.tsx");
+  const refreshEntry = resolve32(reactIndexesPath, "_refresh.tsx");
   if (!reactEntries.includes(refreshEntry)) {
     reactEntries.push(refreshEntry);
   }
@@ -11040,7 +11059,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     setDevVendorPaths2(vendorPaths);
   }
   const { rmSync: rmSync3 } = await import("fs");
-  rmSync3(resolve31(buildDir, "react", "generated", "indexes"), {
+  rmSync3(resolve32(buildDir, "react", "generated", "indexes"), {
     force: true,
     recursive: true
   });
@@ -11050,7 +11069,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     jsx: { development: true },
     naming: "[dir]/[name].[hash].[ext]",
     outdir: buildDir,
-    plugins: [stylePreprocessorPlugin],
+    plugins: [
+      createStylePreprocessorPlugin(state.config.stylePreprocessors)
+    ],
     reactFastRefresh: true,
     root: clientRoot,
     splitting: true,
@@ -11090,11 +11111,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (isComponentFile2)
     return primaryFile;
   const { findNearestComponent: findNearestComponent2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
-  const nearest = findNearestComponent2(resolve31(primaryFile));
+  const nearest = findNearestComponent2(resolve32(primaryFile));
   return nearest ?? primaryFile;
 }, handleReactModuleServerPath = async (state, reactFiles, startTime, onRebuildComplete) => {
   for (const file4 of reactFiles) {
-    state.fileHashes.set(resolve31(file4), computeFileHash(file4));
+    state.fileHashes.set(resolve32(file4), computeFileHash(file4));
   }
   invalidateReactSsrCache();
   const primaryFile = reactFiles.find((file4) => !file4.replace(/\\/g, "/").includes("/pages/")) ?? reactFiles[0];
@@ -11136,8 +11157,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   return state.manifest;
 }, handleReactFastPath = async (state, config, filesToRebuild, startTime, onRebuildComplete) => {
   const reactDir = config.reactDirectory ?? "";
-  const reactPagesPath = resolve31(reactDir, "pages");
-  const reactIndexesPath = resolve31(reactDir, "generated", "indexes");
+  const reactPagesPath = resolve32(reactDir, "pages");
+  const reactIndexesPath = resolve32(reactDir, "generated", "indexes");
   const { buildDir } = state.resolvedPaths;
   const reactFiles = filesToRebuild.filter((file4) => detectFramework(file4, state.resolvedPaths) === "react");
   if (reactFiles.length > 0) {
@@ -11200,7 +11221,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, handleSvelteModuleServerPath = async (state, svelteFiles, startTime, onRebuildComplete) => {
   for (const file4 of svelteFiles) {
-    state.fileHashes.set(resolve31(file4), computeFileHash(file4));
+    state.fileHashes.set(resolve32(file4), computeFileHash(file4));
   }
   invalidateSvelteSsrCache();
   const serverDuration = Date.now() - startTime;
@@ -11223,11 +11244,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     const { compileSvelte: compileSvelte2 } = await Promise.resolve().then(() => (init_compileSvelte(), exports_compileSvelte));
     const { build: bunBuild7 } = await Promise.resolve(globalThis.Bun);
     const clientRoot = await computeClientRoot(state.resolvedPaths);
-    const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true);
+    const { svelteServerPaths, svelteIndexPaths, svelteClientPaths } = await compileSvelte2(svelteFiles, svelteDir, new Map, true, state.config.stylePreprocessors);
     const serverEntries = [...svelteServerPaths];
     const clientEntries = [...svelteIndexPaths, ...svelteClientPaths];
-    const serverRoot = resolve31(svelteDir, "generated", "server");
-    const serverOutDir = resolve31(buildDir, basename13(svelteDir));
+    const serverRoot = resolve32(svelteDir, "generated", "server");
+    const serverOutDir = resolve32(buildDir, basename13(svelteDir));
     const [serverResult, clientResult] = await Promise.all([
       serverEntries.length > 0 ? bunBuild7({
         entrypoints: serverEntries,
@@ -11242,7 +11263,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
         format: "esm",
         naming: "[dir]/[name].[hash].[ext]",
         outdir: serverOutDir,
-        plugins: [stylePreprocessorPlugin],
+        plugins: [
+          createStylePreprocessorPlugin(state.config.stylePreprocessors)
+        ],
         root: serverRoot,
         target: "bun",
         throw: false
@@ -11252,7 +11275,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
         format: "esm",
         naming: "[dir]/[name].[hash].[ext]",
         outdir: buildDir,
-        plugins: [stylePreprocessorPlugin],
+        plugins: [
+          createStylePreprocessorPlugin(state.config.stylePreprocessors)
+        ],
         root: clientRoot,
         target: "browser",
         throw: false
@@ -11320,7 +11345,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, handleVueModuleServerPath = async (state, vueFiles, nonVueFiles, startTime, onRebuildComplete) => {
   for (const file4 of [...vueFiles, ...nonVueFiles]) {
-    state.fileHashes.set(resolve31(file4), computeFileHash(file4));
+    state.fileHashes.set(resolve32(file4), computeFileHash(file4));
   }
   invalidateVueSsrCache();
   await invalidateNonVueModules(nonVueFiles);
@@ -11415,8 +11440,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (!buildReference?.source) {
     return;
   }
-  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolve31(dirname15(buildInfo.resolvedRegistryPath), buildReference.source);
-  islandFiles.add(resolve31(sourcePath));
+  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolve32(dirname15(buildInfo.resolvedRegistryPath), buildReference.source);
+  islandFiles.add(resolve32(sourcePath));
 }, resolveIslandSourceFiles = async (config) => {
   const registryPath = config.islands?.registry;
   if (!registryPath) {
@@ -11424,7 +11449,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   const buildInfo = await loadIslandRegistryBuildInfo(registryPath);
   const islandFiles = new Set([
-    resolve31(buildInfo.resolvedRegistryPath)
+    resolve32(buildInfo.resolvedRegistryPath)
   ]);
   for (const definition of buildInfo.definitions) {
     resolveIslandDefinitionSource(definition, buildInfo, islandFiles);
@@ -11435,7 +11460,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (islandFiles.size === 0) {
     return false;
   }
-  return filesToRebuild.some((file4) => islandFiles.has(resolve31(file4)));
+  return filesToRebuild.some((file4) => islandFiles.has(resolve32(file4)));
 }, handleIslandSourceReload = async (state, config, filesToRebuild, manifest) => {
   const shouldReload = await didStaticPagesNeedIslandRefresh(config, filesToRebuild);
   if (!shouldReload) {
@@ -11470,10 +11495,10 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
 }, computeOutputPagesDir = (state, config, framework) => {
   const isSingle = !config.reactDirectory && !config.svelteDirectory && !config.vueDirectory && (framework === "html" ? !config.htmxDirectory : !config.htmlDirectory);
   if (isSingle) {
-    return resolve31(state.resolvedPaths.buildDir, "pages");
+    return resolve32(state.resolvedPaths.buildDir, "pages");
   }
   const dirName = framework === "html" ? basename13(config.htmlDirectory ?? "html") : basename13(config.htmxDirectory ?? "htmx");
-  return resolve31(state.resolvedPaths.buildDir, dirName, "pages");
+  return resolve32(state.resolvedPaths.buildDir, dirName, "pages");
 }, processHtmlPageUpdate = async (state, pageFile, builtHtmlPagePath, manifest, duration) => {
   try {
     const { handleHTMLUpdate: handleHTMLUpdate2 } = await Promise.resolve().then(() => (init_simpleHTMLHMR(), exports_simpleHTMLHMR));
@@ -11512,7 +11537,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const pageFilesToUpdate = shouldRefreshAllPages ? await scanEntryPoints(outputHtmlPages, "*.html") : htmlPageFiles;
   for (const pageFile of pageFilesToUpdate) {
     const htmlPageName = basename13(pageFile);
-    const builtHtmlPagePath = resolve31(outputHtmlPages, htmlPageName);
+    const builtHtmlPagePath = resolve32(outputHtmlPages, htmlPageName);
     await processHtmlPageUpdate(state, pageFile, builtHtmlPagePath, manifest, duration);
   }
 }, handleVueCssOnlyUpdate = (state, vueCssFiles, manifest, duration) => {
@@ -11577,7 +11602,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const cssKey = `${pascalName}CSS`;
   const cssUrl = manifest[cssKey] || null;
   const { vueHmrMetadata: vueHmrMetadata2 } = await Promise.resolve().then(() => (init_compileVue(), exports_compileVue));
-  const hmrMeta = vueHmrMetadata2.get(resolve31(vuePagePath));
+  const hmrMeta = vueHmrMetadata2.get(resolve32(vuePagePath));
   const changeType = hmrMeta?.changeType ?? "full";
   if (changeType === "style-only") {
     broadcastVueStyleOnly(state, vuePagePath, baseName, cssUrl, hmrId, manifest, duration);
@@ -11814,7 +11839,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const pageFilesToUpdate = shouldRefreshAllPages ? await scanEntryPoints(outputHtmxPages, "*.html") : htmxPageFiles;
   for (const htmxPageFile of pageFilesToUpdate) {
     const htmxPageName = basename13(htmxPageFile);
-    const builtHtmxPagePath = resolve31(outputHtmxPages, htmxPageName);
+    const builtHtmxPagePath = resolve32(outputHtmxPages, htmxPageName);
     await processHtmxPageUpdate(state, htmxPageFile, builtHtmxPagePath, manifest, duration);
   }
 }, collectUpdatedModulePaths = (allModuleUpdates) => {
@@ -11923,7 +11948,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   html = html.slice(0, bodyClose.index) + hmrScript + html.slice(bodyClose.index);
   writeFs(destPath, html);
 }, processMarkupFileFastPath = async (state, sourceFile, outputDir, framework, startTime, updateAssetPaths2, handleUpdate, readFs, writeFs) => {
-  const destPath = resolve31(outputDir, basename13(sourceFile));
+  const destPath = resolve32(outputDir, basename13(sourceFile));
   const hmrScript = extractHmrScript(destPath, readFs);
   const source = await Bun.file(sourceFile).text();
   await Bun.write(destPath, source);
@@ -12299,7 +12324,7 @@ __export(exports_devBuild, {
 });
 import { readdir as readdir5 } from "fs/promises";
 import { statSync as statSync3 } from "fs";
-import { dirname as dirname16, resolve as resolve32 } from "path";
+import { dirname as dirname16, resolve as resolve33 } from "path";
 var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   const configuredDirs = [
     config.reactDirectory,
@@ -12322,7 +12347,7 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   return Object.keys(config).length > 0 ? config : null;
 }, reloadConfig = async () => {
   try {
-    const configPath2 = resolve32(process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
+    const configPath2 = resolve33(process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
     const source = await Bun.file(configPath2).text();
     return parseDirectoryConfig(source);
   } catch {
@@ -12402,7 +12427,7 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     state.fileChangeQueue.clear();
   }
 }, handleCachedReload = async () => {
-  const serverMtime = statSync3(resolve32(Bun.main)).mtimeMs;
+  const serverMtime = statSync3(resolve33(Bun.main)).mtimeMs;
   const lastMtime = globalThis.__hmrServerMtime;
   globalThis.__hmrServerMtime = serverMtime;
   const cached = globalThis.__hmrDevResult;
@@ -12436,8 +12461,8 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   return true;
 }, resolveAbsoluteVersion2 = async () => {
   const candidates = [
-    resolve32(import.meta.dir, "..", "..", "package.json"),
-    resolve32(import.meta.dir, "..", "package.json")
+    resolve33(import.meta.dir, "..", "..", "package.json"),
+    resolve33(import.meta.dir, "..", "package.json")
   ];
   for (const candidate of candidates) {
     const found = await tryReadPackageVersion(candidate);
@@ -12450,7 +12475,7 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   const entries = await readdir5(vendorDir).catch(() => emptyStringArray);
   await Promise.all(entries.map(async (entry) => {
     const webPath = `/${framework}/vendor/${entry}`;
-    const bytes = await Bun.file(resolve32(vendorDir, entry)).bytes();
+    const bytes = await Bun.file(resolve33(vendorDir, entry)).bytes();
     assetStore.set(webPath, bytes);
   }));
 }, devBuild = async (config) => {
@@ -12514,7 +12539,7 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
   recordStep("populate asset store", stepStartedAt);
   stepStartedAt = performance.now();
   const buildReactVendorTask = config.reactDirectory ? buildReactVendor(state.resolvedPaths.buildDir).then(async () => {
-    const vendorDir = resolve32(state.resolvedPaths.buildDir, "react", "vendor");
+    const vendorDir = resolve33(state.resolvedPaths.buildDir, "react", "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "react");
     if (!globalThis.__reactModuleRef) {
       globalThis.__reactModuleRef = await import("react");
@@ -12522,23 +12547,23 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     return true;
   }) : undefined;
   const buildAngularVendorTask = config.angularDirectory ? buildAngularVendor(state.resolvedPaths.buildDir).then(async () => {
-    const vendorDir = resolve32(state.resolvedPaths.buildDir, "angular", "vendor");
+    const vendorDir = resolve33(state.resolvedPaths.buildDir, "angular", "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "angular");
     return true;
   }) : undefined;
   const buildSvelteVendorTask = config.svelteDirectory ? buildSvelteVendor(state.resolvedPaths.buildDir).then(async () => {
-    const vendorDir = resolve32(state.resolvedPaths.buildDir, "svelte", "vendor");
+    const vendorDir = resolve33(state.resolvedPaths.buildDir, "svelte", "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "svelte");
     return true;
   }) : undefined;
   const buildVueVendorTask = config.vueDirectory ? buildVueVendor(state.resolvedPaths.buildDir).then(async () => {
-    const vendorDir = resolve32(state.resolvedPaths.buildDir, "vue", "vendor");
+    const vendorDir = resolve33(state.resolvedPaths.buildDir, "vue", "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "vue");
     return true;
   }) : undefined;
   const { buildDepVendor: buildDepVendor2 } = await Promise.resolve().then(() => (init_buildDepVendor(), exports_buildDepVendor));
   const buildDepVendorTask = buildDepVendor2(state.resolvedPaths.buildDir, sourceDirs).then(async (depPaths) => {
-    const vendorDir = resolve32(state.resolvedPaths.buildDir, "vendor");
+    const vendorDir = resolve33(state.resolvedPaths.buildDir, "vendor");
     await loadVendorFiles(state.assetStore, vendorDir, "vendor");
     globalThis.__depVendorPaths = depPaths;
     return true;
@@ -12575,7 +12600,7 @@ var FRAMEWORK_DIR_KEYS, collectDepVendorSourceDirs = (config) => {
     manifest
   };
   globalThis.__hmrDevResult = result;
-  globalThis.__hmrServerMtime = statSync3(resolve32(Bun.main)).mtimeMs;
+  globalThis.__hmrServerMtime = statSync3(resolve33(Bun.main)).mtimeMs;
   return result;
 };
 var init_devBuild = __esm(() => {
@@ -12725,12 +12750,12 @@ __export(exports_devtoolsJson, {
   devtoolsJson: () => devtoolsJson
 });
 import { existsSync as existsSync22, mkdirSync as mkdirSync12, readFileSync as readFileSync14, writeFileSync as writeFileSync8 } from "fs";
-import { dirname as dirname17, join as join23, resolve as resolve33 } from "path";
+import { dirname as dirname17, join as join23, resolve as resolve34 } from "path";
 import { Elysia as Elysia3 } from "elysia";
 var ENDPOINT = "/.well-known/appspecific/com.chrome.devtools.json", UUID_CACHE_KEY = "__absoluteDevtoolsWorkspaceUuid", getGlobalUuid = () => Reflect.get(globalThis, UUID_CACHE_KEY), setGlobalUuid = (uuid) => {
   Reflect.set(globalThis, UUID_CACHE_KEY, uuid);
   return uuid;
-}, isUuidV4 = (value) => /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value), resolveDevtoolsUuidCachePath = (buildDir, uuidCachePath) => resolve33(uuidCachePath ?? join23(buildDir, ".absolute", "chrome-devtools-workspace-uuid")), readCachedUuid = (cachePath) => {
+}, isUuidV4 = (value) => /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(value), resolveDevtoolsUuidCachePath = (buildDir, uuidCachePath) => resolve34(uuidCachePath ?? join23(buildDir, ".absolute", "chrome-devtools-workspace-uuid")), readCachedUuid = (cachePath) => {
   if (!existsSync22(cachePath))
     return null;
   try {
@@ -12756,7 +12781,7 @@ var ENDPOINT = "/.well-known/appspecific/com.chrome.devtools.json", UUID_CACHE_K
   writeFileSync8(cachePath, uuid, "utf-8");
   return setGlobalUuid(uuid);
 }, devtoolsJson = (buildDir, options = {}) => {
-  const rootPath = resolve33(options.projectRoot ?? process.cwd());
+  const rootPath = resolve34(options.projectRoot ?? process.cwd());
   const root = options.normalizeForWindowsContainer === false ? rootPath : normalizeDevtoolsWorkspaceRoot(rootPath);
   const uuid = getOrCreateUuid(buildDir, options);
   return new Elysia3({ name: "absolute-devtools-json" }).get(ENDPOINT, () => ({
@@ -12785,7 +12810,7 @@ __export(exports_imageOptimizer, {
   imageOptimizer: () => imageOptimizer
 });
 import { existsSync as existsSync23 } from "fs";
-import { resolve as resolve34 } from "path";
+import { resolve as resolve35 } from "path";
 import { Elysia as Elysia4 } from "elysia";
 var DEFAULT_CACHE_TTL_SECONDS = 60, MS_PER_SECOND = 1000, MAX_QUALITY = 100, avifInProgress, safeResolve = (path, baseDir) => {
   try {
@@ -12798,7 +12823,7 @@ var DEFAULT_CACHE_TTL_SECONDS = 60, MS_PER_SECOND = 1000, MAX_QUALITY = 100, avi
   }
 }, resolveLocalImage = (url, buildDir) => {
   const cleanPath = url.startsWith("/") ? url.slice(1) : url;
-  return safeResolve(cleanPath, buildDir) ?? safeResolve(cleanPath, resolve34(process.cwd()));
+  return safeResolve(cleanPath, buildDir) ?? safeResolve(cleanPath, resolve35(process.cwd()));
 }, parseQueryParams = (query, allowedSizes, defaultQuality) => {
   const url = typeof query["url"] === "string" ? query["url"] : undefined;
   const wParam = typeof query["w"] === "string" ? query["w"] : undefined;
@@ -13438,11 +13463,11 @@ var handleHTMXPageRequest = async (pagePath) => {
 };
 // src/core/prepare.ts
 import { existsSync as existsSync24, readdirSync as readdirSync2, readFileSync as readFileSync16 } from "fs";
-import { basename as basename14, join as join25, relative as relative12, resolve as resolve35 } from "path";
+import { basename as basename14, join as join25, relative as relative12, resolve as resolve36 } from "path";
 import { Elysia as Elysia5 } from "elysia";
 
 // src/utils/loadConfig.ts
-import { resolve as resolve6 } from "path";
+import { resolve as resolve7 } from "path";
 var RESERVED_TOP_LEVEL_KEYS = new Set([
   "assetsDirectory",
   "astroDirectory",
@@ -13520,7 +13545,7 @@ var projectServiceConfig = (config, serviceName) => {
   return serviceConfig;
 };
 var loadRawConfig = async (configPath) => {
-  const resolved = resolve6(configPath ?? process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
+  const resolved = resolve7(configPath ?? process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
   const mod = await import(resolved);
   const config = mod.default ?? mod.config;
   if (!config) {
@@ -13548,7 +13573,7 @@ var loadConfig = async (configPath) => {
 init_islandPageContext();
 
 // src/core/loadIslandRegistry.ts
-import { resolve as resolve7 } from "path";
+import { resolve as resolve8 } from "path";
 var isRecord6 = (value) => typeof value === "object" && value !== null;
 var resolveRegistryExport2 = (mod) => {
   if (isRecord6(mod.islandRegistry))
@@ -13560,7 +13585,7 @@ var resolveRegistryExport2 = (mod) => {
 var isRegistryModuleExport = (value) => isRecord6(value);
 var isIslandRegistryInput = (value) => isRecord6(value);
 var loadIslandRegistry = async (registryPath) => {
-  const resolvedRegistryPath = resolve7(registryPath);
+  const resolvedRegistryPath = resolve8(registryPath);
   const importedModule = await import(resolvedRegistryPath);
   if (!isRegistryModuleExport(importedModule)) {
     throw new Error("Island registry module must export an object namespace.");
@@ -13604,7 +13629,7 @@ var collectPrewarmFiles = async (prewarmDirs) => {
   for (const { dir, pattern } of prewarmDirs) {
     const glob = new Glob9(pattern);
     const matches = [
-      ...glob.scanSync({ absolute: true, cwd: resolve35(dir) })
+      ...glob.scanSync({ absolute: true, cwd: resolve36(dir) })
     ];
     files.push(...matches);
   }
@@ -13640,7 +13665,7 @@ var patchManifestIndexes = (manifest, devIndexDir, SRC_URL_PREFIX2) => {
     const fileName = resolveDevIndexFileName(manifest[key], baseName);
     if (!fileName)
       continue;
-    const srcPath = resolve35(devIndexDir, fileName);
+    const srcPath = resolve36(devIndexDir, fileName);
     if (!existsSync24(srcPath))
       continue;
     const rel = relative12(process.cwd(), srcPath).replace(/\\/g, "/");
@@ -13692,6 +13717,7 @@ var prepareDev = async (config, buildDir) => {
       vue: config.vueDirectory
     },
     projectRoot: process.cwd(),
+    stylePreprocessors: config.stylePreprocessors,
     vendorPaths: allVendorPaths
   });
   setGlobalModuleServer2(moduleHandler);
@@ -13710,7 +13736,7 @@ var prepareDev = async (config, buildDir) => {
   stepStartedAt = performance.now();
   const hmrPlugin = hmr2(result.hmrState, result.manifest, moduleHandler);
   const { devtoolsJson: devtoolsJson2 } = await Promise.resolve().then(() => (init_devtoolsJson(), exports_devtoolsJson));
-  const devIndexDir = resolve35(buildDir, "_src_indexes");
+  const devIndexDir = resolve36(buildDir, "_src_indexes");
   patchManifestIndexes(result.manifest, devIndexDir, SRC_URL_PREFIX2);
   recordStep("configure dev plugins", stepStartedAt);
   stepStartedAt = performance.now();
@@ -13790,7 +13816,7 @@ var prepare = async (configOrPath) => {
   recordStep("load config", stepStartedAt);
   const nodeEnv = process.env["NODE_ENV"];
   const isDev3 = nodeEnv === "development";
-  const buildDir = resolve35(process.env.ABSOLUTE_BUILD_DIR ?? config.buildDirectory ?? "build");
+  const buildDir = resolve36(process.env.ABSOLUTE_BUILD_DIR ?? config.buildDirectory ?? "build");
   if (isDev3) {
     stepStartedAt = performance.now();
     const result = await prepareDev(config, buildDir);
@@ -14215,7 +14241,7 @@ var jsonLd2 = (schema) => {
 // src/utils/defineEnv.ts
 var {env: bunEnv } = globalThis.Bun;
 import { existsSync as existsSync26, readFileSync as readFileSync18 } from "fs";
-import { resolve as resolve36 } from "path";
+import { resolve as resolve37 } from "path";
 
 // node_modules/@sinclair/typebox/build/esm/type/guard/value.mjs
 var exports_value = {};
@@ -20250,7 +20276,7 @@ ${lines.join(`
 };
 var checkEnvFileSecurity = (properties) => {
   const cwd2 = process.cwd();
-  const envPath = resolve36(cwd2, ".env");
+  const envPath = resolve37(cwd2, ".env");
   if (!existsSync26(envPath))
     return;
   const sensitiveKeys = Object.keys(properties).filter(isSensitive);
@@ -20260,7 +20286,7 @@ var checkEnvFileSecurity = (properties) => {
   const presentKeys = sensitiveKeys.filter((key) => envContent.includes(`${key}=`));
   if (presentKeys.length === 0)
     return;
-  const gitignorePath = resolve36(cwd2, ".gitignore");
+  const gitignorePath = resolve37(cwd2, ".gitignore");
   if (existsSync26(gitignorePath)) {
     const gitignore = readFileSync18(gitignorePath, "utf-8");
     if (gitignore.split(`
@@ -20469,5 +20495,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=F5E990EFAC399D1764756E2164756E21
+//# debugId=A6C7D117925B5F8264756E2164756E21
 //# sourceMappingURL=index.js.map