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

package/dist/build.js

@@ -2450,7 +2450,7 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 // src/build/stylePreprocessor.ts
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname3, extname as extname3, join as join5 } from "path";
+import { dirname as dirname3, extname as extname3, join as join5, resolve as resolve6 } 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"))
@@ -2460,18 +2460,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 = []) => [
+  dirname3(filePath),
+  process.cwd(),
+  ...paths.map((path) => resolve6(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: [dirname3(filePath), process.cwd()],
+      loadPaths: normalizeLoadPaths(filePath, options.loadPaths),
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -2479,6 +2490,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");
@@ -2489,14 +2501,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: [dirname3(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,
@@ -2507,14 +2554,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;
@@ -2523,45 +2570,12 @@ var init_stylePreprocessor = __esm(() => {
   importOptionalPeer = new Function("specifier", "return import(specifier)");
   requireOptionalPeer = new Function("specifier", "return require(specifier)");
   requireFromCwd = createRequire(join5(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 as readdir2 } from "fs/promises";
-import { basename as basename2, dirname as dirname4, extname as extname4, join as join6, relative as relative3, resolve as resolve6 } from "path";
+import { basename as basename2, dirname as dirname4, extname as extname4, join as join6, relative as relative3, resolve as resolve7 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
   const importPath = relative3(dirname4(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
@@ -2609,7 +2623,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const basePath = resolve6(dirname4(from), spec);
+  const basePath = resolve7(dirname4(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -2641,7 +2655,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   if (!spec.startsWith(".")) {
     return null;
   }
-  const explicitPath = resolve6(dirname4(from), spec);
+  const explicitPath = resolve7(dirname4(from), spec);
   if (extname4(explicitPath) === ".svelte") {
     return explicitPath;
   }
@@ -3215,7 +3229,7 @@ var init_scanCssEntryPoints = __esm(() => {
 
 // src/utils/imageProcessing.ts
 import { existsSync as existsSync8, mkdirSync as mkdirSync3, readFileSync as readFileSync4, writeFileSync as writeFileSync4 } from "fs";
-import { join as join7, resolve as resolve7 } from "path";
+import { join as join7, resolve as resolve8 } 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)
@@ -3341,7 +3355,7 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
     return sharpModule;
   sharpLoaded = true;
   try {
-    const sharpPath = resolve7(process.cwd(), "node_modules/sharp");
+    const sharpPath = resolve8(process.cwd(), "node_modules/sharp");
     const mod = await import(sharpPath);
     sharpModule = mod.default ?? mod;
     return sharpModule;
@@ -3579,18 +3593,18 @@ var init_updateAssetPaths = __esm(() => {
 
 // src/dev/buildHMRClient.ts
 import { existsSync as existsSync11 } from "fs";
-import { resolve as resolve8 } from "path";
+import { resolve as resolve9 } from "path";
 var {build: bunBuild } = globalThis.Bun;
 var resolveHmrClientPath = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve8(import.meta.dir, "client/hmrClient.ts");
+  const fromSource = resolve9(import.meta.dir, "client/hmrClient.ts");
   if (existsSync11(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve8(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
+  const fromNodeModules = resolve9(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
   if (existsSync11(fromNodeModules))
     return fromNodeModules;
-  return resolve8(import.meta.dir, "dev/client/hmrClient.ts");
+  return resolve9(import.meta.dir, "dev/client/hmrClient.ts");
 }, hmrClientPath2, buildHMRClient = async () => {
   const entryPoint = hmrClientPath2;
   const result = await bunBuild({
@@ -3620,7 +3634,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 resolve9 } from "path";
+import { resolve as resolve10 } from "path";
 var ffiDefinition, nativeLib = null, loadNative = () => {
   if (nativeLib !== null)
     return nativeLib;
@@ -3638,7 +3652,7 @@ var ffiDefinition, nativeLib = null, loadNative = () => {
   if (!libPath)
     return null;
   try {
-    const fullPath = resolve9(import.meta.dir, "../../native/packages", libPath);
+    const fullPath = resolve10(import.meta.dir, "../../native/packages", libPath);
     const lib = dlopen(fullPath, ffiDefinition);
     nativeLib = lib.symbols;
     return nativeLib;
@@ -3781,11 +3795,11 @@ var devVendorPaths = null, getDevVendorPaths = () => devVendorPaths, setDevVendo
 
 // src/build/angularLinkerPlugin.ts
 import { existsSync as existsSync12, mkdirSync as mkdirSync5, readFileSync as readFileSync7, writeFileSync as writeFileSync6 } from "fs";
-import { dirname as dirname6, join as join10, relative as relative4, resolve as resolve10 } from "path";
+import { dirname as dirname6, join as join10, relative as relative4, resolve as resolve11 } from "path";
 import { createHash } from "crypto";
 var CACHE_DIR, angularLinkerPlugin;
 var init_angularLinkerPlugin = __esm(() => {
-  CACHE_DIR = resolve10(".absolutejs", "cache", "angular-linker");
+  CACHE_DIR = resolve11(".absolutejs", "cache", "angular-linker");
   angularLinkerPlugin = {
     name: "angular-linker",
     setup(bld) {
@@ -3825,7 +3839,7 @@ var init_angularLinkerPlugin = __esm(() => {
               exists: existsSync12,
               readFile: readFileSync7,
               relative: relative4,
-              resolve: resolve10
+              resolve: resolve11
             },
             linkerJitMode: false,
             logger: {
@@ -3859,14 +3873,14 @@ var init_angularLinkerPlugin = __esm(() => {
 
 // src/utils/cleanStaleOutputs.ts
 import { rm as rm2 } from "fs/promises";
-import { resolve as resolve11 } from "path";
+import { resolve as resolve12 } from "path";
 var {Glob: Glob5 } = globalThis.Bun;
 var HASHED_FILE_PATTERN, cleanStaleOutputs = async (buildPath, currentOutputPaths) => {
-  const currentPaths = new Set(currentOutputPaths.map((path) => resolve11(path)));
+  const currentPaths = new Set(currentOutputPaths.map((path) => resolve12(path)));
   const glob = new Glob5("**/*");
   const removals = [];
   for (const relative5 of glob.scanSync({ cwd: buildPath })) {
-    const absolute = resolve11(buildPath, relative5);
+    const absolute = resolve12(buildPath, relative5);
     if (currentPaths.has(absolute))
       continue;
     if (!HASHED_FILE_PATTERN.test(relative5))
@@ -3927,10 +3941,10 @@ var commonAncestor = (paths, fallback) => {
 var init_commonAncestor = () => {};
 
 // src/utils/validateSafePath.ts
-import { resolve as resolve12, relative as relative5 } from "path";
+import { resolve as resolve13, relative as relative5 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
-  const absoluteBase = resolve12(baseDirectory);
-  const absoluteTarget = resolve12(baseDirectory, targetPath);
+  const absoluteBase = resolve13(baseDirectory);
+  const absoluteTarget = resolve13(baseDirectory, targetPath);
   const relativePath = normalizePath(relative5(absoluteBase, absoluteTarget));
   if (relativePath.startsWith("../") || relativePath === "..") {
     throw new Error(`Unsafe path: ${targetPath}`);
@@ -4084,7 +4098,7 @@ import {
   join as join12,
   basename as basename4,
   extname as extname5,
-  resolve as resolve13,
+  resolve as resolve14,
   relative as relative6,
   sep as sep2
 } from "path";
@@ -4092,14 +4106,14 @@ import { env } from "process";
 var {write, file, Transpiler } = globalThis.Bun;
 var resolveDevClientDir2 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve13(import.meta.dir, "../dev/client");
+  const fromSource = resolve14(import.meta.dir, "../dev/client");
   if (existsSync13(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve13(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve14(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync13(fromNodeModules))
     return fromNodeModules;
-  return resolve13(import.meta.dir, "./dev/client");
+  return resolve14(import.meta.dir, "./dev/client");
 }, devClientDir2, hmrClientPath3, persistentCache, sourceHashCache, clearSvelteCompilerCache = () => {
   persistentCache.clear();
   sourceHashCache.clear();
@@ -4129,7 +4143,7 @@ var resolveDevClientDir2 = () => {
 }, resolveRelativeModule2 = async (spec, from) => {
   if (!spec.startsWith("."))
     return null;
-  const basePath = resolve13(dirname7(from), spec);
+  const basePath = resolve14(dirname7(from), spec);
   const candidates = [
     basePath,
     `${basePath}.ts`,
@@ -4156,7 +4170,7 @@ var resolveDevClientDir2 = () => {
     const resolved = resolvePackageImport(spec);
     return resolved && /\.svelte(\.(?:ts|js))?$/.test(resolved) ? resolved : null;
   }
-  const basePath = resolve13(dirname7(from), spec);
+  const basePath = resolve14(dirname7(from), spec);
   const explicit = /\.(svelte|svelte\.(?:ts|js))$/.test(basePath);
   if (!explicit) {
     const extensions = [".svelte", ".svelte.ts", ".svelte.js"];
@@ -4183,7 +4197,7 @@ var resolveDevClientDir2 = () => {
     client: toClient.startsWith(".") || toClient.startsWith("/") ? toClient : `./${toClient}`,
     server: toServer.startsWith(".") ? toServer : `./${toServer}`
   });
-}, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev = false) => {
+}, compileSvelte = async (entryPoints, svelteRoot, cache = new Map, isDev = false, stylePreprocessors) => {
   const { compile, compileModule, preprocess } = await import("svelte/compiler");
   const generatedDir = join12(svelteRoot, "generated");
   const clientDir = join12(generatedDir, "client");
@@ -4211,7 +4225,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;
@@ -4436,18 +4450,18 @@ __export(exports_compileVue, {
 });
 import { existsSync as existsSync14 } from "fs";
 import { mkdir as mkdir3 } from "fs/promises";
-import { basename as basename5, dirname as dirname8, join as join13, relative as relative7, resolve as resolve14 } from "path";
+import { basename as basename5, dirname as dirname8, join as join13, relative as relative7, resolve as resolve15 } from "path";
 var {file: file2, write: write2, Transpiler: Transpiler2 } = globalThis.Bun;
 var resolveDevClientDir3 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve14(import.meta.dir, "../dev/client");
+  const fromSource = resolve15(import.meta.dir, "../dev/client");
   if (existsSync14(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve14(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve15(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync14(fromNodeModules))
     return fromNodeModules;
-  return resolve14(import.meta.dir, "./dev/client");
+  return resolve15(import.meta.dir, "./dev/client");
 }, devClientDir3, hmrClientPath4, transpiler3, scriptCache, scriptSetupCache, templateCache, styleCache, persistentBuildCache, vueSourceHashCache, vueHmrMetadata, clearVueHmrCaches = () => {
   scriptCache.clear();
   scriptSetupCache.clear();
@@ -4509,7 +4523,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;
@@ -4547,8 +4561,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(resolve14(dirname8(sourceFilePath), relativeChildPath), outputDirs, cacheMap, false, vueRootDir, compiler)),
-    ...packageComponentPaths.map(([, absolutePath]) => compileVueFile(absolutePath, outputDirs, cacheMap, false, vueRootDir, compiler))
+    ...childComponentPaths.map((relativeChildPath) => compileVueFile(resolve15(dirname8(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, {
@@ -4583,7 +4597,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 = [
@@ -4655,14 +4669,14 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     hmrId,
     serverPath: serverOutputPath,
     tsHelperPaths: [
-      ...helperModulePaths.map((helper) => resolve14(dirname8(sourceFilePath), helper.endsWith(".ts") ? helper : `${helper}.ts`)),
+      ...helperModulePaths.map((helper) => resolve15(dirname8(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, isDev = false) => {
+}, compileVue = async (entryPoints, vueRootDir, isDev = false, stylePreprocessors) => {
   const compiler = await import("@vue/compiler-sfc");
   const generatedDir = join13(vueRootDir, "generated");
   const clientOutputDir = join13(generatedDir, "client");
@@ -4678,11 +4692,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(resolve14(entryPath), {
+    const result = await compileVueFile(resolve15(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 = basename5(entryPath, ".vue");
     const indexOutputFile = join13(indexOutputDir, `${entryBaseName}.js`);
@@ -5316,7 +5330,7 @@ __export(exports_compileAngular, {
   compileAngular: () => compileAngular
 });
 import { existsSync as existsSync15, readFileSync as readFileSync8, promises as fs } from "fs";
-import { join as join14, basename as basename6, sep as sep3, dirname as dirname9, resolve as resolve15, relative as relative8 } from "path";
+import { join as join14, basename as basename6, sep as sep3, dirname as dirname9, resolve as resolve16, relative as relative8 } from "path";
 import ts2 from "typescript";
 import { createHash as createHash2 } from "crypto";
 var computeConfigHash = () => {
@@ -5328,14 +5342,14 @@ var computeConfigHash = () => {
   }
 }, resolveDevClientDir4 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve15(import.meta.dir, "../dev/client");
+  const fromSource = resolve16(import.meta.dir, "../dev/client");
   if (existsSync15(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve15(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  const fromNodeModules = resolve16(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
   if (existsSync15(fromNodeModules))
     return fromNodeModules;
-  return resolve15(import.meta.dir, "./dev/client");
+  return resolve16(import.meta.dir, "./dev/client");
 }, devClientDir4, hmrClientPath5, hmrRuntimePath, injectHMRRegistration = (content, sourceId) => {
   const componentClassRegex = /(?:export\s+)?class\s+(\w+Component)\s/g;
   const componentNames = [];
@@ -5401,7 +5415,7 @@ ${registrations}
 }, resolveLocalTsImport = (fromFile, specifier) => {
   if (!isRelativeModuleSpecifier(specifier))
     return null;
-  const basePath = resolve15(dirname9(fromFile), specifier);
+  const basePath = resolve16(dirname9(fromFile), specifier);
   const candidates = /\.[cm]?[tj]sx?$/.test(basePath) ? [basePath] : [
     `${basePath}.ts`,
     `${basePath}.tsx`,
@@ -5412,24 +5426,24 @@ ${registrations}
     join14(basePath, "index.mts"),
     join14(basePath, "index.cts")
   ];
-  return candidates.map((candidate) => resolve15(candidate)).find((candidate) => existsSync15(candidate) && !candidate.endsWith(".d.ts")) ?? null;
+  return candidates.map((candidate) => resolve16(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 = resolve15(filePath);
+    const resolvedPath = resolve16(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, dirname9(resolvedPath));
+    const transformed = await inlineResources(source, dirname9(resolvedPath), stylePreprocessors);
     transformedSources.set(resolvedPath, transformed.source);
     const imports = extractLocalImportSpecifiers(source, resolvedPath);
     await Promise.all(imports.map(async (specifier) => {
@@ -5440,7 +5454,7 @@ ${registrations}
   };
   await transformFile(inputPath);
   return transformedSources;
-}, compileAngularFile = async (inputPath, outDir) => {
+}, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => {
   const islandMetadataExports = buildIslandMetadataExports(readFileSync8(inputPath, "utf-8"));
   const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
   const configHash = computeConfigHash();
@@ -5456,7 +5470,7 @@ ${registrations}
   } else {
     const tsPath = __require.resolve("typescript");
     const tsRootDir = dirname9(tsPath);
-    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve15(tsRootDir, "lib");
+    tsLibDir = tsRootDir.endsWith("lib") ? tsRootDir : resolve16(tsRootDir, "lib");
     const config = readConfiguration("./tsconfig.json");
     options = {
       emitDecoratorMetadata: true,
@@ -5503,13 +5517,13 @@ ${registrations}
     };
   }
   const emitted = {};
-  const resolvedOutDir = resolve15(outDir);
+  const resolvedOutDir = resolve16(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")
@@ -5517,7 +5531,7 @@ ${registrations}
     if (!fileName.endsWith(".ts") || fileName.endsWith(".d.ts")) {
       return source;
     }
-    const resolvedPath = resolve15(fileName);
+    const resolvedPath = resolve16(fileName);
     return aotTransformedSources.get(resolvedPath) ?? source;
   };
   const originalGetSourceFileForCompile = host.getSourceFile;
@@ -5562,7 +5576,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 = resolve15(import.meta.dir, "../angular/components/index.ts");
+  const sourceEntry = resolve16(import.meta.dir, "../angular/components/index.ts");
   if (existsSync15(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
@@ -5690,10 +5704,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*['"]([^'"]+)['"]/);
@@ -5757,7 +5771,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;
@@ -5766,35 +5780,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 = resolve15(inputPath);
+}, compileAngularFileJIT = async (inputPath, outDir, rootDir, stylePreprocessors) => {
+  const entryPath = resolve16(inputPath);
   const allOutputs = [];
   const visited = new Set;
-  const baseDir = resolve15(rootDir ?? process.cwd());
+  const baseDir = resolve16(rootDir ?? process.cwd());
   const angularTranspiler = new Bun.Transpiler({
     loader: "ts",
     tsconfig: JSON.stringify({
@@ -5831,13 +5845,13 @@ ${fields}
         return `${prefix}${dots}`;
       return `${prefix}../${dots}`;
     });
-    if (resolve15(actualPath) === entryPath) {
+    if (resolve16(actualPath) === entryPath) {
       processedContent += buildIslandMetadataExports(sourceCode);
     }
     return processedContent;
   };
   const transpileFile = async (filePath) => {
-    const resolved = resolve15(filePath);
+    const resolved = resolve16(filePath);
     if (visited.has(resolved))
       return;
     visited.add(resolved);
@@ -5847,7 +5861,7 @@ ${fields}
     if (!existsSync15(actualPath))
       return;
     let sourceCode = await fs.readFile(actualPath, "utf-8");
-    const inlined = await inlineResources(sourceCode, dirname9(actualPath));
+    const inlined = await inlineResources(sourceCode, dirname9(actualPath), stylePreprocessors);
     sourceCode = inlineTemplateAndLowerDeferSync(inlined.source, dirname9(actualPath)).source;
     const inputDir = dirname9(actualPath);
     const relativeDir = inputDir.startsWith(baseDir) ? inputDir.substring(baseDir.length + 1) : inputDir;
@@ -5879,13 +5893,13 @@ ${fields}
     }
     const inputDirForResolve = dirname9(actualPath);
     await Promise.all(localImports.map((imp) => {
-      const importPath = resolve15(inputDirForResolve, imp);
+      const importPath = resolve16(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 = [];
@@ -5895,9 +5909,9 @@ ${fields}
   const indexesDir = join14(compiledParent, "indexes");
   await fs.mkdir(indexesDir, { recursive: true });
   const compileTasks = entryPoints.map(async (entry) => {
-    const resolvedEntry = resolve15(entry);
+    const resolvedEntry = resolve16(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 = basename6(resolvedEntry).replace(/\.[tj]s$/, "");
     const jsName = `${fileBase}.js`;
@@ -5905,10 +5919,10 @@ ${fields}
       join14(compiledRoot, relativeEntry),
       join14(compiledRoot, "pages", jsName),
       join14(compiledRoot, jsName)
-    ].map((file3) => resolve15(file3));
+    ].map((file3) => resolve16(file3));
     const resolveRawServerFile = (candidatePaths) => {
       const normalizedCandidates = [
-        ...candidatePaths.map((file3) => resolve15(file3)),
+        ...candidatePaths.map((file3) => resolve16(file3)),
         ...compiledFallbackPaths
       ];
       let candidate = normalizedCandidates.find((file3) => existsSync15(file3) && file3.endsWith(`${sep3}pages${sep3}${jsName}`));
@@ -6139,24 +6153,24 @@ __export(exports_buildReactVendor, {
   buildReactVendor: () => buildReactVendor
 });
 import { existsSync as existsSync16, mkdirSync as mkdirSync6 } from "fs";
-import { join as join15, resolve as resolve16 } from "path";
+import { join as join15, resolve as resolve17 } from "path";
 import { rm as rm4 } from "fs/promises";
 var {build: bunBuild2 } = globalThis.Bun;
 var resolveJsxDevRuntimeCompatPath = () => {
   const candidates = [
-    resolve16(import.meta.dir, "react", "jsxDevRuntimeCompat.js"),
-    resolve16(import.meta.dir, "src", "react", "jsxDevRuntimeCompat.ts"),
-    resolve16(import.meta.dir, "..", "react", "jsxDevRuntimeCompat.js"),
-    resolve16(import.meta.dir, "..", "src", "react", "jsxDevRuntimeCompat.ts"),
-    resolve16(import.meta.dir, "..", "..", "dist", "react", "jsxDevRuntimeCompat.js"),
-    resolve16(import.meta.dir, "..", "..", "src", "react", "jsxDevRuntimeCompat.ts")
+    resolve17(import.meta.dir, "react", "jsxDevRuntimeCompat.js"),
+    resolve17(import.meta.dir, "src", "react", "jsxDevRuntimeCompat.ts"),
+    resolve17(import.meta.dir, "..", "react", "jsxDevRuntimeCompat.js"),
+    resolve17(import.meta.dir, "..", "src", "react", "jsxDevRuntimeCompat.ts"),
+    resolve17(import.meta.dir, "..", "..", "dist", "react", "jsxDevRuntimeCompat.js"),
+    resolve17(import.meta.dir, "..", "..", "src", "react", "jsxDevRuntimeCompat.ts")
   ];
   for (const candidate of candidates) {
     if (existsSync16(candidate)) {
       return candidate.replace(/\\/g, "/");
     }
   }
-  return (candidates[0] ?? resolve16(import.meta.dir, "react", "jsxDevRuntimeCompat.js")).replace(/\\/g, "/");
+  return (candidates[0] ?? resolve17(import.meta.dir, "react", "jsxDevRuntimeCompat.js")).replace(/\\/g, "/");
 }, jsxDevRuntimeCompatPath, reactSpecifiers, isResolvable = (specifier) => {
   try {
     Bun.resolveSync(specifier, process.cwd());
@@ -6462,7 +6476,7 @@ import {
   statSync,
   writeFileSync as writeFileSync7
 } from "fs";
-import { basename as basename7, dirname as dirname10, join as join19, relative as relative9, resolve as resolve17 } from "path";
+import { basename as basename7, dirname as dirname10, join as join19, relative as relative9, resolve as resolve18 } from "path";
 import { cwd, env as env2, exit } from "process";
 var {build: bunBuild6, Glob: Glob6 } = globalThis.Bun;
 var isDev, collectConventionSourceFiles = (entry) => {
@@ -6550,8 +6564,8 @@ var isDev, collectConventionSourceFiles = (entry) => {
   }
 }, resolveAbsoluteVersion = async () => {
   const candidates = [
-    resolve17(import.meta.dir, "..", "..", "package.json"),
-    resolve17(import.meta.dir, "..", "package.json")
+    resolve18(import.meta.dir, "..", "..", "package.json"),
+    resolve18(import.meta.dir, "..", "package.json")
   ];
   for (const candidate of candidates) {
     const pkg = await tryReadPackageJson(candidate);
@@ -6563,7 +6577,7 @@ var isDev, collectConventionSourceFiles = (entry) => {
     return;
   }
 }, SKIP_DIRS, addWorkerPathIfExists = (file3, relPath, workerPaths) => {
-  const absPath = resolve17(file3, "..", relPath);
+  const absPath = resolve18(file3, "..", relPath);
   try {
     statSync(absPath);
     workerPaths.add(absPath);
@@ -6627,7 +6641,7 @@ var isDev, collectConventionSourceFiles = (entry) => {
     return;
   }
   const indexFiles = readDir(reactIndexesPath).filter((file3) => file3.endsWith(".tsx"));
-  const pagesRel = relative9(process.cwd(), resolve17(reactPagesPath)).replace(/\\/g, "/");
+  const pagesRel = relative9(process.cwd(), resolve18(reactPagesPath)).replace(/\\/g, "/");
   for (const file3 of indexFiles) {
     let content = readFileSync9(join19(reactIndexesPath, file3), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
@@ -6635,27 +6649,27 @@ var isDev, collectConventionSourceFiles = (entry) => {
   }
 }, copySvelteDevIndexes = (svelteDir, sveltePagesPath, svelteEntries, devIndexDir) => {
   const svelteIndexDir = join19(svelteDir, "generated", "indexes");
-  const sveltePageEntries = svelteEntries.filter((file3) => resolve17(file3).startsWith(resolve17(sveltePagesPath)));
+  const sveltePageEntries = svelteEntries.filter((file3) => resolve18(file3).startsWith(resolve18(sveltePagesPath)));
   for (const entry of sveltePageEntries) {
     const name = basename7(entry).replace(/\.svelte(\.(ts|js))?$/, "");
     const indexFile = join19(svelteIndexDir, "pages", `${name}.js`);
     if (!existsSync17(indexFile))
       continue;
     let content = readFileSync9(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve17(entry)).replace(/\\/g, "/");
+    const srcRel = relative9(process.cwd(), resolve18(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((file3) => resolve17(file3).startsWith(resolve17(vuePagesPath)));
+  const vuePageEntries = vueEntries.filter((file3) => resolve18(file3).startsWith(resolve18(vuePagesPath)));
   for (const entry of vuePageEntries) {
     const name = basename7(entry, ".vue");
     const indexFile = join19(vueIndexDir, `${name}.js`);
     if (!existsSync17(indexFile))
       continue;
     let content = readFileSync9(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve17(entry)).replace(/\\/g, "/");
+    const srcRel = relative9(process.cwd(), resolve18(entry)).replace(/\\/g, "/");
     content = content.replace(/import\s+Comp\s+from\s+['"]([^'"]+)['"]/, `import Comp from "/@src/${srcRel}"`);
     writeFileSync7(join19(devIndexDir, `${name}.vue.js`), content);
   }
@@ -6668,7 +6682,7 @@ var isDev, collectConventionSourceFiles = (entry) => {
   const last = allComments[allComments.length - 1];
   if (!last?.[1])
     return JSON.stringify(outputPath);
-  const srcPath = resolve17(projectRoot, last[1].replace("/client/", "/").replace(/\.js$/, ".ts"));
+  const srcPath = resolve18(projectRoot, last[1].replace("/client/", "/").replace(/\.js$/, ".ts"));
   return JSON.stringify(srcPath);
 }, QUOTE_CHARS, OPEN_BRACES, CLOSE_BRACES, findFunctionExpressionEnd = (content, startPos) => {
   let depth = 0;
@@ -6780,6 +6794,7 @@ ${content.slice(firstUseIdx)}`;
   svelteDirectory,
   vueDirectory,
   stylesConfig,
+  stylePreprocessors,
   tailwind,
   options,
   incrementalFiles,
@@ -6789,6 +6804,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;
@@ -6877,13 +6893,13 @@ ${content.slice(firstUseIdx)}`;
   const filterToIncrementalEntries = (entryPoints, mapToSource) => {
     if (!isIncremental || !incrementalFiles)
       return entryPoints;
-    const normalizedIncremental = new Set(incrementalFiles.map((f) => resolve17(f)));
+    const normalizedIncremental = new Set(incrementalFiles.map((f) => resolve18(f)));
     const matchingEntries = [];
     for (const entry of entryPoints) {
       const sourceFile = mapToSource(entry);
       if (!sourceFile)
         continue;
-      if (!normalizedIncremental.has(resolve17(sourceFile)))
+      if (!normalizedIncremental.has(resolve18(sourceFile)))
         continue;
       matchingEntries.push(entry);
     }
@@ -6952,7 +6968,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(resolve17(reactIndexesPath))) {
+    if (entry.startsWith(resolve18(reactIndexesPath))) {
       const pageName = basename7(entry, ".tsx");
       return join19(reactPagesPath, `${pageName}.tsx`);
     }
@@ -6984,28 +7000,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]
     }
   ]);
@@ -7015,7 +7031,7 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandSvelteClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandSvelteClientPathMap.set(resolve17(sourcePath), clientPath);
+    islandSvelteClientPathMap.set(resolve18(sourcePath), clientPath);
   }
   const islandVueClientPathMap = new Map;
   for (let idx = 0;idx < islandVueSources.length; idx++) {
@@ -7023,7 +7039,7 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandVueClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandVueClientPathMap.set(resolve17(sourcePath), clientPath);
+    islandVueClientPathMap.set(resolve18(sourcePath), clientPath);
   }
   const islandAngularClientPathMap = new Map;
   for (let idx = 0;idx < islandAngularSources.length; idx++) {
@@ -7031,14 +7047,14 @@ ${content.slice(firstUseIdx)}`;
     const clientPath = islandAngularClientPaths[idx];
     if (!sourcePath || !clientPath)
       continue;
-    islandAngularClientPathMap.set(resolve17(sourcePath), clientPath);
+    islandAngularClientPathMap.set(resolve18(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);
@@ -7174,7 +7190,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",
@@ -7232,7 +7248,7 @@ ${content.slice(firstUseIdx)}`;
       format: "esm",
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: serverOutDir,
-      plugins: [stylePreprocessorPlugin],
+      plugins: [stylePreprocessorPlugin2],
       root: serverRoot,
       target: "bun",
       throw: false,
@@ -7248,7 +7264,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev ? [angularLinkerPlugin] : [],
         ...htmlScriptPlugin ? [htmlScriptPlugin] : []
       ],
@@ -7267,7 +7283,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev ? [angularLinkerPlugin] : []
       ],
       root: islandEntryResult.generatedRoot,
@@ -7282,7 +7298,7 @@ ${content.slice(firstUseIdx)}`;
       outdir: stylesDir ? join19(buildPath, basename7(stylesDir)) : buildPath,
       root: stylesDir || clientRoot,
       target: "browser",
-      plugins: [stylePreprocessorPlugin],
+      plugins: [stylePreprocessorPlugin2],
       throw: false
     }) : undefined,
     vueCssPaths.length > 0 ? bunBuild6({
@@ -7573,7 +7589,7 @@ var init_build = __esm(() => {
 // src/dev/dependencyGraph.ts
 import { existsSync as existsSync18, readFileSync as readFileSync10 } from "fs";
 var {Glob: Glob7 } = globalThis.Bun;
-import { resolve as resolve18 } from "path";
+import { resolve as resolve19 } from "path";
 var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath) => {
   const lower = filePath.toLowerCase();
   if (lower.endsWith(".ts") || lower.endsWith(".tsx") || lower.endsWith(".jsx"))
@@ -7587,8 +7603,8 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   if (!importPath.startsWith(".") && !importPath.startsWith("/")) {
     return null;
   }
-  const fromDir = resolve18(fromFile, "..");
-  const normalized = resolve18(fromDir, importPath);
+  const fromDir = resolve19(fromFile, "..");
+  const normalized = resolve19(fromDir, importPath);
   const extensions = [
     ".ts",
     ".tsx",
@@ -7618,7 +7634,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     dependents.delete(normalizedPath);
   }
 }, addFileToGraph = (graph, filePath) => {
-  const normalizedPath = resolve18(filePath);
+  const normalizedPath = resolve19(filePath);
   if (!existsSync18(normalizedPath))
     return;
   const dependencies = extractDependencies(normalizedPath);
@@ -7635,10 +7651,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) => resolve18(dir)).filter((dir) => existsSync18(dir));
+  const resolvedDirs = directories.map((dir) => resolve19(dir)).filter((dir) => existsSync18(dir));
   const allFiles = resolvedDirs.flatMap((dir) => Array.from(glob.scanSync({ absolute: true, cwd: dir })));
   for (const file3 of allFiles) {
-    const fullPath = resolve18(file3);
+    const fullPath = resolve19(file3);
     if (IGNORED_SEGMENTS.some((seg) => fullPath.includes(seg)))
       continue;
     if (processedFiles.has(fullPath))
@@ -7751,7 +7767,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     return [];
   }
 }, getAffectedFiles = (graph, changedFile) => {
-  const normalizedPath = resolve18(changedFile);
+  const normalizedPath = resolve19(changedFile);
   const affected = new Set;
   const toProcess = [normalizedPath];
   const processNode = (current) => {
@@ -7791,7 +7807,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   }
   graph.dependents.delete(normalizedPath);
 }, removeFileFromGraph = (graph, filePath) => {
-  const normalizedPath = resolve18(filePath);
+  const normalizedPath = resolve19(filePath);
   removeDepsForFile(graph, normalizedPath);
   removeDependentsForFile(graph, normalizedPath);
 };
@@ -7834,12 +7850,12 @@ var globalVersionCounter = 0, createModuleVersionTracker = () => new Map, getNex
 };
 
 // src/dev/configResolver.ts
-import { resolve as resolve19 } from "path";
+import { resolve as resolve20 } from "path";
 var resolveBuildPaths = (config) => {
   const cwd2 = process.cwd();
   const normalize = (path) => path.replace(/\\/g, "/");
-  const withDefault = (value, fallback) => normalize(resolve19(cwd2, value ?? fallback));
-  const optional = (value) => value ? normalize(resolve19(cwd2, value)) : undefined;
+  const withDefault = (value, fallback) => normalize(resolve20(cwd2, value ?? fallback));
+  const optional = (value) => value ? normalize(resolve20(cwd2, value)) : undefined;
   return {
     angularDir: optional(config.angularDirectory),
     assetsDir: optional(config.assetsDirectory),
@@ -8029,7 +8045,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 resolve20 } from "path";
+import { join as join20, resolve as resolve21 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -8074,7 +8090,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
 }, addFileWatchers = (state, paths, onFileChange) => {
   const stylesDir = state.resolvedPaths?.stylesDir;
   paths.forEach((path) => {
-    const absolutePath = resolve20(path).replace(/\\/g, "/");
+    const absolutePath = resolve21(path).replace(/\\/g, "/");
     if (!existsSync19(absolutePath)) {
       return;
     }
@@ -8085,7 +8101,7 @@ var safeRemoveFromGraph = (graph, fullPath) => {
   const watchPaths = getWatchPaths(config, state.resolvedPaths);
   const stylesDir = state.resolvedPaths?.stylesDir;
   watchPaths.forEach((path) => {
-    const absolutePath = resolve20(path).replace(/\\/g, "/");
+    const absolutePath = resolve21(path).replace(/\\/g, "/");
     if (!existsSync19(absolutePath)) {
       return;
     }
@@ -8100,13 +8116,13 @@ var init_fileWatcher = __esm(() => {
 });
 
 // src/dev/assetStore.ts
-import { resolve as resolve21 } from "path";
+import { resolve as resolve22 } 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 = resolve21(dir, entry.name);
+  const fullPath = resolve22(dir, entry.name);
   if (entry.isDirectory()) {
     return walkAndClean(fullPath);
   }
@@ -8122,10 +8138,10 @@ var mimeTypes, getMimeType = (filePath) => {
 }, cleanStaleAssets = async (store, manifest, buildDir) => {
   const liveByIdentity = new Map;
   for (const webPath of store.keys()) {
-    const diskPath = resolve21(buildDir, webPath.slice(1));
+    const diskPath = resolve22(buildDir, webPath.slice(1));
     liveByIdentity.set(stripHash(diskPath), diskPath);
   }
-  const absBuildDir = resolve21(buildDir);
+  const absBuildDir = resolve22(buildDir);
   Object.values(manifest).forEach((val) => {
     if (!HASHED_FILE_RE.test(val))
       return;
@@ -8143,7 +8159,7 @@ var mimeTypes, getMimeType = (filePath) => {
   } catch {}
 }, lookupAsset = (store, path) => store.get(path), processScanEntry = (entry, dir, prefix, store, scanDir) => {
   if (entry.isDirectory()) {
-    return scanDir(resolve21(dir, entry.name), `${prefix}${entry.name}/`);
+    return scanDir(resolve22(dir, entry.name), `${prefix}${entry.name}/`);
   }
   if (!entry.name.startsWith("chunk-")) {
     return null;
@@ -8152,7 +8168,7 @@ var mimeTypes, getMimeType = (filePath) => {
   if (store.has(webPath)) {
     return null;
   }
-  return Bun.file(resolve21(dir, entry.name)).bytes().then((bytes) => {
+  return Bun.file(resolve22(dir, entry.name)).bytes().then((bytes) => {
     store.set(webPath, bytes);
     return;
   }).catch(() => {});
@@ -8177,7 +8193,7 @@ var mimeTypes, getMimeType = (filePath) => {
   for (const webPath of newIdentities.values()) {
     if (store.has(webPath))
       continue;
-    loadPromises.push(Bun.file(resolve21(buildDir, webPath.slice(1))).bytes().then((bytes) => {
+    loadPromises.push(Bun.file(resolve22(buildDir, webPath.slice(1))).bytes().then((bytes) => {
       store.set(webPath, bytes);
       return;
     }).catch(() => {}));
@@ -8208,7 +8224,7 @@ var init_assetStore = __esm(() => {
 
 // src/islands/pageMetadata.ts
 import { readFileSync as readFileSync11 } from "fs";
-import { dirname as dirname11, resolve as resolve22 } from "path";
+import { dirname as dirname11, resolve as resolve23 } from "path";
 var pagePatterns, getPageDirs = (config) => [
   { dir: config.angularDirectory, framework: "angular" },
   { dir: config.reactDirectory, framework: "react" },
@@ -8227,15 +8243,15 @@ var pagePatterns, getPageDirs = (config) => [
     const source = definition.buildReference?.source;
     if (!source)
       continue;
-    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve22(dirname11(buildInfo.resolvedRegistryPath), source);
-    lookup.set(`${definition.framework}:${definition.component}`, resolve22(resolvedSource));
+    const resolvedSource = source.startsWith("file://") ? new URL(source).pathname : resolve23(dirname11(buildInfo.resolvedRegistryPath), source);
+    lookup.set(`${definition.framework}:${definition.component}`, resolve23(resolvedSource));
   }
   return lookup;
 }, getCurrentPageIslandMetadata = () => globalThis.__absolutePageIslandMetadata ?? new Map, metadataUsesSource = (metadata, target) => metadata.islands.some((usage) => {
   const candidate = usage.source;
-  return candidate ? resolve22(candidate) === target : false;
+  return candidate ? resolve23(candidate) === target : false;
 }), getPagesUsingIslandSource = (sourcePath) => {
-  const target = resolve22(sourcePath);
+  const target = resolve23(sourcePath);
   return [...getCurrentPageIslandMetadata().values()].filter((metadata) => metadataUsesSource(metadata, target)).map((metadata) => metadata.pagePath);
 }, resolveIslandUsages = (islands, islandSourceLookup) => islands.map((usage) => {
   const sourcePath = islandSourceLookup.get(`${usage.framework}:${usage.component}`);
@@ -8247,13 +8263,13 @@ var pagePatterns, getPageDirs = (config) => [
   const pattern = pagePatterns[entry.framework];
   if (!pattern)
     return;
-  const files = await scanEntryPoints(resolve22(entry.dir), pattern);
+  const files = await scanEntryPoints(resolve23(entry.dir), pattern);
   for (const filePath of files) {
     const source = readFileSync11(filePath, "utf-8");
     const islands = extractIslandUsagesFromSource(source);
-    pageMetadata.set(resolve22(filePath), {
+    pageMetadata.set(resolve23(filePath), {
       islands: resolveIslandUsages(islands, islandSourceLookup),
-      pagePath: resolve22(filePath)
+      pagePath: resolve23(filePath)
     });
   }
 }, loadPageIslandMetadata = async (config) => {
@@ -8300,9 +8316,9 @@ var init_fileHashTracker = __esm(() => {
 });
 
 // src/dev/reactComponentClassifier.ts
-import { resolve as resolve23 } from "path";
+import { resolve as resolve24 } from "path";
 var classifyComponent = (filePath) => {
-  const normalizedPath = resolve23(filePath);
+  const normalizedPath = resolve24(filePath);
   if (normalizedPath.includes("/react/pages/")) {
     return "server";
   }
@@ -8314,7 +8330,7 @@ var classifyComponent = (filePath) => {
 var init_reactComponentClassifier = () => {};
 
 // src/dev/moduleMapper.ts
-import { basename as basename8, resolve as resolve24 } from "path";
+import { basename as basename8, resolve as resolve25 } from "path";
 var buildModulePaths = (moduleKeys, manifest) => {
   const modulePaths = {};
   moduleKeys.forEach((key) => {
@@ -8324,7 +8340,7 @@ var buildModulePaths = (moduleKeys, manifest) => {
   });
   return modulePaths;
 }, processChangedFile = (sourceFile, framework, manifest, resolvedPaths, processedFiles) => {
-  const normalizedFile = resolve24(sourceFile);
+  const normalizedFile = resolve25(sourceFile);
   const normalizedPath = normalizedFile.replace(/\\/g, "/");
   if (processedFiles.has(normalizedFile)) {
     return null;
@@ -8360,7 +8376,7 @@ var buildModulePaths = (moduleKeys, manifest) => {
   });
   return grouped;
 }, mapSourceFileToManifestKeys = (sourceFile, framework, resolvedPaths) => {
-  const normalizedFile = resolve24(sourceFile);
+  const normalizedFile = resolve25(sourceFile);
   const fileName = basename8(normalizedFile);
   const baseName = fileName.replace(/\.(tsx?|jsx?|vue|svelte|css|html)$/, "");
   const pascalName = toPascal(baseName);
@@ -9300,19 +9316,19 @@ var init_streamingSlotWarningScope = __esm(() => {
 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 resolve25 } from "path";
+import { basename as basename10, dirname as dirname12, join as join21, resolve as resolve26 } from "path";
 var ssrDirty = false, lastSelector = "angular-page", isRecord7 = (value) => typeof value === "object" && value !== null, isAngularComponent = (value) => typeof value === "function", compilerImportPromise = null, ensureAngularCompiler = () => {
   if (!compilerImportPromise) {
     compilerImportPromise = import("@angular/compiler");
   }
   return compilerImportPromise;
 }, readAngularPageModule = (value) => isRecord7(value) ? value : null, resolveAngularSsrOutDir = () => process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR ?? join21(tmpdir(), "absolutejs", "generated", "angular-ssr"), ensureAngularSsrNodeModules = async (outDir) => {
-  const outRoot = resolve25(dirname12(dirname12(outDir)));
+  const outRoot = resolve26(dirname12(dirname12(outDir)));
   const nodeModulesLink = join21(outRoot, "node_modules");
   if (process.env.ABSOLUTE_ANGULAR_SSR_OUTDIR) {
     return;
   }
-  if (nodeModulesLink === resolve25(process.cwd(), "node_modules")) {
+  if (nodeModulesLink === resolve26(process.cwd(), "node_modules")) {
     return;
   }
   if (await Bun.file(nodeModulesLink).exists()) {
@@ -9320,7 +9336,7 @@ var ssrDirty = false, lastSelector = "angular-page", isRecord7 = (value) => type
   }
   await mkdir4(outRoot, { recursive: true });
   try {
-    await symlink(resolve25(process.cwd(), "node_modules"), nodeModulesLink, "dir");
+    await symlink(resolve26(process.cwd(), "node_modules"), nodeModulesLink, "dir");
   } catch (error) {
     if (!(error instanceof Error) || !("code" in error) || error.code !== "EEXIST") {
       throw error;
@@ -9840,7 +9856,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 resolve26, relative as relative10 } from "path";
+import { basename as basename12, dirname as dirname14, extname as extname6, resolve as resolve27, 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 = [];
@@ -9860,7 +9876,7 @@ var SRC_PREFIX = "/@src/", jsTranspiler2, tsTranspiler2, tsxTranspiler, TRANSPIL
 ${stubs}
 `;
 }, resolveRelativeExtension = (srcPath, projectRoot, extensions) => {
-  const found = extensions.find((ext) => existsSync20(resolve26(projectRoot, srcPath + ext)));
+  const found = extensions.find((ext) => existsSync20(resolve27(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);
@@ -9875,7 +9891,7 @@ ${stubs}
   return invalidationVersion > 0 ? `${mtime}.${invalidationVersion}` : `${mtime}`;
 }, srcUrl = (relPath, projectRoot) => {
   const base = `${SRC_PREFIX}${relPath.replace(/\\/g, "/")}`;
-  const absPath = resolve26(projectRoot, relPath);
+  const absPath = resolve27(projectRoot, relPath);
   const cached = mtimeCache.get(absPath);
   if (cached !== undefined)
     return `${base}?v=${buildVersion(cached, absPath)}`;
@@ -9887,12 +9903,12 @@ ${stubs}
     return base;
   }
 }, resolveRelativeImport = (relPath, fileDir, projectRoot, extensions) => {
-  const absPath = resolve26(fileDir, relPath);
+  const absPath = resolve27(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(resolve26(projectRoot, srcPath)));
+    srcPath = relative10(projectRoot, resolveSvelteModulePath(resolve27(projectRoot, srcPath)));
   }
   return srcUrl(srcPath, projectRoot);
 }, resolveAbsoluteSpecifier = (specifier, projectRoot) => {
@@ -9938,12 +9954,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 = resolve26(fileDir, relPath);
+    const absPath = resolve27(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 = resolve26(fileDir, relPath);
+    const absPath = resolve27(fileDir, relPath);
     const rel = relative10(projectRoot, absPath);
     return `'${srcUrl(rel, projectRoot)}'`;
   });
@@ -10143,7 +10159,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");
@@ -10151,7 +10167,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);
@@ -10178,16 +10194,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);
@@ -10201,7 +10217,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");
@@ -10214,12 +10230,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 ? resolve26(vueDir) : projectRoot;
+  const hmrBase = vueDir ? resolve27(vueDir) : projectRoot;
   const hmrId = relative10(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
   let result = code.replace(/export\s+default\s+/, "var __hmr_comp__ = ");
   result += [
@@ -10378,7 +10394,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 = resolve26(projectRoot, relPath);
+  const filePath = resolve27(projectRoot, relPath);
   const ext = extname6(filePath);
   if (ext === ".svelte")
     return { ext, filePath: resolveSvelteModulePath(filePath) };
@@ -10391,7 +10407,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");
@@ -10399,24 +10415,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 ? resolve26(vueDir) : undefined;
+  const resolvedVueDir = vueDir ? resolve27(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) => {
@@ -10426,7 +10442,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/"))
@@ -10436,12 +10452,12 @@ export default {};
     if (!pathname.startsWith(SRC_PREFIX))
       return;
     const relPath = pathname.slice(SRC_PREFIX.length);
-    const virtualCssResponse = handleVirtualSvelteCss(resolve26(projectRoot, relPath));
+    const virtualCssResponse = handleVirtualSvelteCss(resolve27(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);
     }
@@ -10452,11 +10468,11 @@ export default {};
   SRC_IMPORT_RE.lastIndex = 0;
   while ((match = SRC_IMPORT_RE.exec(content)) !== null) {
     if (match[1])
-      files.push(resolve26(projectRoot, match[1]));
+      files.push(resolve27(projectRoot, match[1]));
   }
   return files;
 }, invalidateModule = (filePath) => {
-  const resolved = resolve26(filePath);
+  const resolved = resolve27(filePath);
   invalidate(filePath);
   if (resolved !== filePath)
     invalidate(resolved);
@@ -10475,6 +10491,7 @@ var init_moduleServer = __esm(() => {
   init_constants();
   init_resolvePackageImport();
   init_sourceMetadata();
+  init_stylePreprocessor();
   init_lowerAwaitSlotSyntax();
   init_lowerIslandSyntax();
   init_transformCache();
@@ -10532,11 +10549,11 @@ var exports_simpleHTMLHMR = {};
 __export(exports_simpleHTMLHMR, {
   handleHTMLUpdate: () => handleHTMLUpdate
 });
-import { resolve as resolve27 } from "path";
+import { resolve as resolve28 } from "path";
 var handleHTMLUpdate = async (htmlFilePath) => {
   let htmlContent;
   try {
-    const resolvedPath = resolve27(htmlFilePath);
+    const resolvedPath = resolve28(htmlFilePath);
     const file3 = Bun.file(resolvedPath);
     if (!await file3.exists()) {
       return null;
@@ -10562,11 +10579,11 @@ var exports_simpleHTMXHMR = {};
 __export(exports_simpleHTMXHMR, {
   handleHTMXUpdate: () => handleHTMXUpdate
 });
-import { resolve as resolve28 } from "path";
+import { resolve as resolve29 } from "path";
 var handleHTMXUpdate = async (htmxFilePath) => {
   let htmlContent;
   try {
-    const resolvedPath = resolve28(htmxFilePath);
+    const resolvedPath = resolve29(htmxFilePath);
     const file3 = Bun.file(resolvedPath);
     if (!await file3.exists()) {
       return null;
@@ -10589,7 +10606,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 resolve29 } from "path";
+import { basename as basename13, dirname as dirname15, relative as relative11, resolve as resolve30 } from "path";
 var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
@@ -10661,7 +10678,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   state.fileHashes.delete(filePathInSet);
   try {
     const affectedFiles = getAffectedFiles(state.dependencyGraph, filePathInSet);
-    const deletedPathResolved = resolve29(filePathInSet);
+    const deletedPathResolved = resolve30(filePathInSet);
     affectedFiles.forEach((affectedFile) => {
       if (isValidDeletedAffectedFile(affectedFile, deletedPathResolved, processedFiles)) {
         validFiles.push(affectedFile);
@@ -10705,7 +10722,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (storedHash !== undefined && storedHash === fileHash) {
     return;
   }
-  const normalizedFilePath = resolve29(filePathInSet);
+  const normalizedFilePath = resolve30(filePathInSet);
   if (!processedFiles.has(normalizedFilePath)) {
     validFiles.push(normalizedFilePath);
     processedFiles.add(normalizedFilePath);
@@ -10783,7 +10800,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   if (framework === "unknown") {
     const { invalidate: invalidate2 } = (init_transformCache(), __toCommonJS(exports_transformCache));
-    invalidate2(resolve29(filePath));
+    invalidate2(resolve30(filePath));
     const relPath = relative11(process.cwd(), filePath);
     logHmrUpdate(relPath);
     return;
@@ -10829,7 +10846,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   if (!graph)
     return componentFile;
-  const dependents = graph.dependents.get(resolve29(componentFile));
+  const dependents = graph.dependents.get(resolve30(componentFile));
   if (!dependents)
     return componentFile;
   for (const dep of dependents) {
@@ -10838,7 +10855,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   return componentFile;
 }, resolveAngularPageEntries = (state, angularFiles, angularPagesPath) => {
-  const pageEntries = angularFiles.filter((file3) => file3.endsWith(".ts") && resolve29(file3).startsWith(angularPagesPath));
+  const pageEntries = angularFiles.filter((file3) => file3.endsWith(".ts") && resolve30(file3).startsWith(angularPagesPath));
   if (pageEntries.length > 0 || !state.dependencyGraph) {
     return pageEntries;
   }
@@ -10847,7 +10864,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     const lookupFile = resolveComponentLookupFile(componentFile, state.dependencyGraph);
     const affected = getAffectedFiles(state.dependencyGraph, lookupFile);
     affected.forEach((file3) => {
-      if (file3.endsWith(".ts") && resolve29(file3).startsWith(angularPagesPath)) {
+      if (file3.endsWith(".ts") && resolve30(file3).startsWith(angularPagesPath)) {
         resolvedPages.add(file3);
       }
     });
@@ -10897,7 +10914,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
@@ -10938,10 +10957,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)] = resolve29(serverPath);
+    state.manifest[toPascal(fileBase)] = resolve30(serverPath);
   });
   if (clientPaths.length > 0) {
     await bundleAngularClient(state, clientPaths, state.resolvedPaths.buildDir);
@@ -10950,9 +10969,9 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const angularDir = config.angularDirectory ?? "";
   const angularFiles = filesToRebuild.filter((file3) => detectFramework(file3, state.resolvedPaths) === "angular");
   for (const file3 of angularFiles) {
-    state.fileHashes.set(resolve29(file3), computeFileHash(file3));
+    state.fileHashes.set(resolve30(file3), computeFileHash(file3));
   }
-  const angularPagesPath = resolve29(angularDir, "pages");
+  const angularPagesPath = resolve30(angularDir, "pages");
   const pageEntries = resolveAngularPageEntries(state, angularFiles, angularPagesPath);
   if (pageEntries.length > 0) {
     await compileAndBundleAngular(state, pageEntries, angularDir);
@@ -10967,7 +10986,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   return manifest;
 }, resolveReactEntryForPageFile = (normalized, pagesPathResolved, reactIndexesPath) => {
   const pageName = basename13(normalized, ".tsx");
-  const indexPath = resolve29(reactIndexesPath, `${pageName}.tsx`);
+  const indexPath = resolve30(reactIndexesPath, `${pageName}.tsx`);
   if (!existsSync21(indexPath)) {
     return;
   }
@@ -10979,13 +10998,13 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       return;
     }
     const pageName = basename13(dep, ".tsx");
-    const indexPath = resolve29(reactIndexesPath, `${pageName}.tsx`);
+    const indexPath = resolve30(reactIndexesPath, `${pageName}.tsx`);
     if (existsSync21(indexPath) && !reactEntries.includes(indexPath)) {
       reactEntries.push(indexPath);
     }
   });
 }, resolveReactEntryForFile = (state, file3, pagesPathResolved, reactIndexesPath, reactEntries) => {
-  const normalized = resolve29(file3);
+  const normalized = resolve30(file3);
   if (!normalized.startsWith(pagesPathResolved)) {
     resolveReactEntriesFromDeps(state, normalized, pagesPathResolved, reactIndexesPath, reactEntries);
     return;
@@ -10996,7 +11015,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
 }, collectReactEntries = (state, filesToRebuild, reactPagesPath, reactIndexesPath) => {
   const reactEntries = [];
-  const pagesPathResolved = resolve29(reactPagesPath);
+  const pagesPathResolved = resolve30(reactPagesPath);
   filesToRebuild.forEach((file3) => {
     resolveReactEntryForFile(state, file3, pagesPathResolved, reactIndexesPath, reactEntries);
   });
@@ -11008,7 +11027,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 = resolve29(reactIndexesPath, "_refresh.tsx");
+  const refreshEntry = resolve30(reactIndexesPath, "_refresh.tsx");
   if (!reactEntries.includes(refreshEntry)) {
     reactEntries.push(refreshEntry);
   }
@@ -11020,7 +11039,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     setDevVendorPaths2(vendorPaths);
   }
   const { rmSync: rmSync3 } = await import("fs");
-  rmSync3(resolve29(buildDir, "react", "generated", "indexes"), {
+  rmSync3(resolve30(buildDir, "react", "generated", "indexes"), {
     force: true,
     recursive: true
   });
@@ -11030,7 +11049,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,
@@ -11070,11 +11091,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (isComponentFile2)
     return primaryFile;
   const { findNearestComponent: findNearestComponent2 } = await Promise.resolve().then(() => (init_transformCache(), exports_transformCache));
-  const nearest = findNearestComponent2(resolve29(primaryFile));
+  const nearest = findNearestComponent2(resolve30(primaryFile));
   return nearest ?? primaryFile;
 }, handleReactModuleServerPath = async (state, reactFiles, startTime, onRebuildComplete) => {
   for (const file3 of reactFiles) {
-    state.fileHashes.set(resolve29(file3), computeFileHash(file3));
+    state.fileHashes.set(resolve30(file3), computeFileHash(file3));
   }
   invalidateReactSsrCache();
   const primaryFile = reactFiles.find((file3) => !file3.replace(/\\/g, "/").includes("/pages/")) ?? reactFiles[0];
@@ -11116,8 +11137,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   return state.manifest;
 }, handleReactFastPath = async (state, config, filesToRebuild, startTime, onRebuildComplete) => {
   const reactDir = config.reactDirectory ?? "";
-  const reactPagesPath = resolve29(reactDir, "pages");
-  const reactIndexesPath = resolve29(reactDir, "generated", "indexes");
+  const reactPagesPath = resolve30(reactDir, "pages");
+  const reactIndexesPath = resolve30(reactDir, "generated", "indexes");
   const { buildDir } = state.resolvedPaths;
   const reactFiles = filesToRebuild.filter((file3) => detectFramework(file3, state.resolvedPaths) === "react");
   if (reactFiles.length > 0) {
@@ -11180,7 +11201,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, handleSvelteModuleServerPath = async (state, svelteFiles, startTime, onRebuildComplete) => {
   for (const file3 of svelteFiles) {
-    state.fileHashes.set(resolve29(file3), computeFileHash(file3));
+    state.fileHashes.set(resolve30(file3), computeFileHash(file3));
   }
   invalidateSvelteSsrCache();
   const serverDuration = Date.now() - startTime;
@@ -11203,11 +11224,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 = resolve29(svelteDir, "generated", "server");
-    const serverOutDir = resolve29(buildDir, basename13(svelteDir));
+    const serverRoot = resolve30(svelteDir, "generated", "server");
+    const serverOutDir = resolve30(buildDir, basename13(svelteDir));
     const [serverResult, clientResult] = await Promise.all([
       serverEntries.length > 0 ? bunBuild7({
         entrypoints: serverEntries,
@@ -11222,7 +11243,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
@@ -11232,7 +11255,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
@@ -11300,7 +11325,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   });
 }, handleVueModuleServerPath = async (state, vueFiles, nonVueFiles, startTime, onRebuildComplete) => {
   for (const file3 of [...vueFiles, ...nonVueFiles]) {
-    state.fileHashes.set(resolve29(file3), computeFileHash(file3));
+    state.fileHashes.set(resolve30(file3), computeFileHash(file3));
   }
   invalidateVueSsrCache();
   await invalidateNonVueModules(nonVueFiles);
@@ -11395,8 +11420,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (!buildReference?.source) {
     return;
   }
-  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolve29(dirname15(buildInfo.resolvedRegistryPath), buildReference.source);
-  islandFiles.add(resolve29(sourcePath));
+  const sourcePath = buildReference.source.startsWith("file://") ? new URL(buildReference.source).pathname : resolve30(dirname15(buildInfo.resolvedRegistryPath), buildReference.source);
+  islandFiles.add(resolve30(sourcePath));
 }, resolveIslandSourceFiles = async (config) => {
   const registryPath = config.islands?.registry;
   if (!registryPath) {
@@ -11404,7 +11429,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   const buildInfo = await loadIslandRegistryBuildInfo(registryPath);
   const islandFiles = new Set([
-    resolve29(buildInfo.resolvedRegistryPath)
+    resolve30(buildInfo.resolvedRegistryPath)
   ]);
   for (const definition of buildInfo.definitions) {
     resolveIslandDefinitionSource(definition, buildInfo, islandFiles);
@@ -11415,7 +11440,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   if (islandFiles.size === 0) {
     return false;
   }
-  return filesToRebuild.some((file3) => islandFiles.has(resolve29(file3)));
+  return filesToRebuild.some((file3) => islandFiles.has(resolve30(file3)));
 }, handleIslandSourceReload = async (state, config, filesToRebuild, manifest) => {
   const shouldReload = await didStaticPagesNeedIslandRefresh(config, filesToRebuild);
   if (!shouldReload) {
@@ -11450,10 +11475,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 resolve29(state.resolvedPaths.buildDir, "pages");
+    return resolve30(state.resolvedPaths.buildDir, "pages");
   }
   const dirName = framework === "html" ? basename13(config.htmlDirectory ?? "html") : basename13(config.htmxDirectory ?? "htmx");
-  return resolve29(state.resolvedPaths.buildDir, dirName, "pages");
+  return resolve30(state.resolvedPaths.buildDir, dirName, "pages");
 }, processHtmlPageUpdate = async (state, pageFile, builtHtmlPagePath, manifest, duration) => {
   try {
     const { handleHTMLUpdate: handleHTMLUpdate2 } = await Promise.resolve().then(() => (init_simpleHTMLHMR(), exports_simpleHTMLHMR));
@@ -11492,7 +11517,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 = resolve29(outputHtmlPages, htmlPageName);
+    const builtHtmlPagePath = resolve30(outputHtmlPages, htmlPageName);
     await processHtmlPageUpdate(state, pageFile, builtHtmlPagePath, manifest, duration);
   }
 }, handleVueCssOnlyUpdate = (state, vueCssFiles, manifest, duration) => {
@@ -11557,7 +11582,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(resolve29(vuePagePath));
+  const hmrMeta = vueHmrMetadata2.get(resolve30(vuePagePath));
   const changeType = hmrMeta?.changeType ?? "full";
   if (changeType === "style-only") {
     broadcastVueStyleOnly(state, vuePagePath, baseName, cssUrl, hmrId, manifest, duration);
@@ -11794,7 +11819,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 = resolve29(outputHtmxPages, htmxPageName);
+    const builtHtmxPagePath = resolve30(outputHtmxPages, htmxPageName);
     await processHtmxPageUpdate(state, htmxPageFile, builtHtmxPagePath, manifest, duration);
   }
 }, collectUpdatedModulePaths = (allModuleUpdates) => {
@@ -11903,7 +11928,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 = resolve29(outputDir, basename13(sourceFile));
+  const destPath = resolve30(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 resolve30 } from "path";
+import { dirname as dirname16, resolve as resolve31 } 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 = resolve30(process.env.ABSOLUTE_CONFIG ?? "absolute.config.ts");
+    const configPath2 = resolve31(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(resolve30(Bun.main)).mtimeMs;
+  const serverMtime = statSync3(resolve31(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 = [
-    resolve30(import.meta.dir, "..", "..", "package.json"),
-    resolve30(import.meta.dir, "..", "package.json")
+    resolve31(import.meta.dir, "..", "..", "package.json"),
+    resolve31(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(resolve30(vendorDir, entry)).bytes();
+    const bytes = await Bun.file(resolve31(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 = resolve30(state.resolvedPaths.buildDir, "react", "vendor");
+    const vendorDir = resolve31(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 = resolve30(state.resolvedPaths.buildDir, "angular", "vendor");
+    const vendorDir = resolve31(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 = resolve30(state.resolvedPaths.buildDir, "svelte", "vendor");
+    const vendorDir = resolve31(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 = resolve30(state.resolvedPaths.buildDir, "vue", "vendor");
+    const vendorDir = resolve31(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 = resolve30(state.resolvedPaths.buildDir, "vendor");
+    const vendorDir = resolve31(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(resolve30(Bun.main)).mtimeMs;
+  globalThis.__hmrServerMtime = statSync3(resolve31(Bun.main)).mtimeMs;
   return result;
 };
 var init_devBuild = __esm(() => {
@@ -12611,5 +12636,5 @@ export {
   build
 };
 
-//# debugId=EC4B4C99B57596EF64756E2164756E21
+//# debugId=001509E3B3F3F26364756E2164756E21
 //# sourceMappingURL=build.js.map