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

package/dist/build.js

@@ -2448,10 +2448,12 @@ var init_lowerAwaitSlotSyntax = __esm(() => {
 });
 
 // src/build/stylePreprocessor.ts
+import { existsSync as existsSync5, readFileSync as readFileSync3 } from "fs";
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
-import { dirname as dirname3, extname as extname3, join as join5 } 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) => {
+import { dirname as dirname3, extname as extname3, isAbsolute, join as join5, relative as relative3, resolve as resolve6 } from "path";
+import { fileURLToPath } from "url";
+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|styl(?:us)?)$/i.test(filePath), getStyleBaseName = (filePath) => filePath.replace(/\.(css|s[ac]ss|less|styl(?:us)?)$/i, ""), getStyleLanguage = (filePathOrLanguage) => {
   const normalized = filePathOrLanguage.toLowerCase();
   if (normalized === "scss" || normalized.endsWith(".scss"))
     return "scss";
@@ -2459,19 +2461,214 @@ var STYLE_EXTENSION_PATTERN, STYLE_MODULE_EXTENSION_PATTERN, STYLE_LANGUAGE_PATT
     return "sass";
   if (normalized === "less" || normalized.endsWith(".less"))
     return "less";
+  if (normalized === "styl" || normalized === "stylus" || normalized.endsWith(".styl") || normalized.endsWith(".stylus"))
+    return "stylus";
   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))
+], tsconfigAliasCache, stripJsonComments = (source) => source.replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|[^:])\/\/.*$/gm, "$1"), normalizeAliasEntries = (aliases) => Object.entries(aliases ?? {}).map(([pattern, value]) => ({
+  pattern,
+  replacements: Array.isArray(value) ? value : [value]
+})), readTsconfigAliases = () => {
+  const cwd = process.cwd();
+  if (tsconfigAliasCache?.cwd === cwd)
+    return tsconfigAliasCache;
+  const tsconfigPath = resolve6(cwd, "tsconfig.json");
+  const empty = { aliases: [], baseUrl: cwd, cwd };
+  if (!existsSync5(tsconfigPath)) {
+    tsconfigAliasCache = empty;
+    return empty;
+  }
+  try {
+    const parsed = JSON.parse(stripJsonComments(readFileSync3(tsconfigPath, "utf-8")));
+    const compilerOptions = parsed.compilerOptions ?? {};
+    const baseUrl = resolve6(cwd, compilerOptions.baseUrl ?? ".");
+    tsconfigAliasCache = {
+      aliases: normalizeAliasEntries(compilerOptions.paths),
+      baseUrl,
+      cwd
+    };
+  } catch {
+    tsconfigAliasCache = empty;
+  }
+  return tsconfigAliasCache;
+}, getAliasEntries = (config) => {
+  const tsconfig = readTsconfigAliases();
+  return {
+    aliases: [...normalizeAliasEntries(config?.aliases), ...tsconfig.aliases],
+    baseUrl: tsconfig.baseUrl
+  };
+}, aliasPatternToRegExp = (pattern) => new RegExp(`^${pattern.split("*").map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("(.+)")}$`), resolveAliasTargets = (specifier, config) => {
+  const { aliases, baseUrl } = getAliasEntries(config);
+  const targets = [];
+  for (const alias of aliases) {
+    const match = specifier.match(aliasPatternToRegExp(alias.pattern));
+    if (!match)
+      continue;
+    const wildcard = match[1] ?? "";
+    for (const replacement of alias.replacements) {
+      targets.push(resolve6(baseUrl, replacement.replace("*", wildcard)));
+    }
+  }
+  return targets;
+}, getLanguageExtensions = (language) => {
+  if (language === "less")
+    return [".less", ".css"];
+  if (language === "stylus")
+    return [".styl", ".stylus", ".css"];
+  return [".scss", ".sass", ".css"];
+}, getCandidatePaths = (basePath, language) => {
+  const ext = extname3(basePath);
+  const paths = ext ? [basePath] : getLanguageExtensions(language).flatMap((extension) => [
+    `${basePath}${extension}`,
+    join5(basePath, `index${extension}`)
+  ]);
+  if (language === "scss" || language === "sass") {
+    return paths.flatMap((path) => {
+      const dir = dirname3(path);
+      const base = path.slice(dir.length + 1);
+      return [path, join5(dir, `_${base}`)];
+    });
+  }
+  return paths;
+}, resolveImportPath = (specifier, fromDirectory, loadPaths, language, config) => {
+  const rawCandidates = [
+    ...resolveAliasTargets(specifier, config),
+    isAbsolute(specifier) ? specifier : resolve6(fromDirectory, specifier),
+    ...loadPaths.map((path) => resolve6(path, specifier))
+  ];
+  for (const candidate of rawCandidates.flatMap((path) => getCandidatePaths(path, language))) {
+    if (existsSync5(candidate))
+      return candidate;
+  }
+  return null;
+}, isExternalCssUrl = (url) => /^(?:[a-z][a-z0-9+.-]*:|\/\/|#|\/)/i.test(url), splitCssUrl = (url) => {
+  const markerIndex = url.search(/[?#]/);
+  if (markerIndex === -1)
+    return { marker: "", path: url };
+  return {
+    marker: url.slice(markerIndex),
+    path: url.slice(0, markerIndex)
+  };
+}, rebaseCssUrls = (contents, sourceFile, entryFile) => {
+  const sourceDir = dirname3(sourceFile);
+  const entryDir = dirname3(entryFile);
+  if (sourceDir === entryDir)
+    return contents;
+  return contents.replace(/url\(\s*(['"]?)([^'")]+)\1\s*\)/gi, (match, quote, rawUrl) => {
+    const trimmedUrl = rawUrl.trim();
+    if (!trimmedUrl || isExternalCssUrl(trimmedUrl))
+      return match;
+    const { marker, path } = splitCssUrl(trimmedUrl);
+    const rebased = relative3(entryDir, resolve6(sourceDir, path)).replace(/\\/g, "/");
+    const normalized = rebased.startsWith(".") ? rebased : `./${rebased}`;
+    const nextQuote = quote || '"';
+    return `url(${nextQuote}${normalized}${marker}${nextQuote})`;
+  });
+}, rewriteAliasedStyleImports = (contents, sourceFile, loadPaths, language, config) => contents.replace(/(@(?:use|forward|import|require)\s+)(["'])([^"']+)\2/g, (match, prefix, quote, specifier) => {
+  if (specifier.startsWith(".") || isAbsolute(specifier) || isExternalCssUrl(specifier))
+    return match;
+  const resolved = resolveImportPath(specifier, dirname3(sourceFile), loadPaths, language, config);
+  return resolved ? `${prefix}${quote}${resolved}${quote}` : match;
+}), preprocessLoadedStyle = (contents, sourceFile, entryFile, loadPaths = [], language, config) => {
+  const rebased = rebaseCssUrls(contents, sourceFile, entryFile);
+  return language ? rewriteAliasedStyleImports(rebased, sourceFile, loadPaths, language, config) : rebased;
+}, extractCssModuleExports = (css) => {
+  const exports = {};
+  const nextCss = css.replace(/:export\s*\{([^}]*)\}/g, (_, body) => {
+    for (const declaration of body.split(";")) {
+      const separator = declaration.indexOf(":");
+      if (separator === -1)
+        continue;
+      const key = declaration.slice(0, separator).trim();
+      const value = declaration.slice(separator + 1).trim();
+      if (key && value)
+        exports[key] = value;
+    }
+    return "";
+  });
+  return { css: nextCss, exports };
+}, getSassOptions = (config, language) => ({
+  ...config?.sass ?? {},
+  ...language === "scss" ? config?.scss ?? {} : {}
+}), getLessOptions = (config) => config?.less ?? {}, getStylusOptions = (config) => config?.stylus ?? {}, withAdditionalData = (contents, additionalData) => additionalData ? `${additionalData}
+${contents}` : contents, createSassImporter = (entryFile, loadPaths, language, config) => ({
+  canonicalize(specifier, options) {
+    const fromDirectory = options.containingUrl ? dirname3(fileURLToPath(options.containingUrl)) : dirname3(entryFile);
+    const resolved = resolveImportPath(specifier, fromDirectory, loadPaths, language, config);
+    return resolved ? new URL(`file://${resolved}`) : null;
+  },
+  load(canonicalUrl) {
+    const filePath = fileURLToPath(canonicalUrl);
+    const fileLanguage = getStyleLanguage(filePath);
+    if (fileLanguage !== "scss" && fileLanguage !== "sass" && fileLanguage !== null)
+      return null;
+    return {
+      contents: preprocessLoadedStyle(readFileSync3(filePath, "utf-8"), filePath, entryFile, loadPaths, language, config),
+      syntax: filePath.endsWith(".sass") ? "indented" : "scss"
+    };
+  }
+}), createLessFileManager = (entryFile, loadPaths, config) => ({
+  install(less, pluginManager) {
+    const baseManager = new less.FileManager;
+    const manager = Object.create(baseManager);
+    manager.supports = (filename, currentDirectory) => Boolean(resolveImportPath(filename, resolve6(currentDirectory), loadPaths, "less", config));
+    manager.loadFile = async (filename, currentDirectory) => {
+      const resolved = resolveImportPath(filename, resolve6(currentDirectory), loadPaths, "less", config);
+      if (!resolved) {
+        throw new Error(`Unable to resolve Less import "${filename}"`);
+      }
+      return {
+        contents: preprocessLoadedStyle(await readFile(resolved, "utf-8"), resolved, entryFile, loadPaths, "less", config),
+        filename: resolved
+      };
+    };
+    pluginManager.addFileManager(manager);
+  }
+}), renderStylus = async (contents, filePath, loadPaths, options) => {
+  let stylus;
+  try {
+    const stylusModule = await importOptionalPeer("stylus");
+    stylus = stylusModule.default ?? stylusModule;
+  } catch {
+    throw missingDependencyError("stylus", filePath);
+  }
+  return new Promise((resolveCss, reject) => {
+    const renderer = stylus(contents);
+    renderer.set("filename", filePath);
+    for (const [key, value] of Object.entries(options.options ?? {})) {
+      renderer.set(key, value);
+    }
+    for (const path of loadPaths)
+      renderer.include(path);
+    renderer.render((error, css) => {
+      if (error)
+        reject(error);
+      else
+        resolveCss(css ?? "");
+    });
+  });
+}, 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 loadPaths = normalizeLoadPaths(filePath, options.loadPaths);
     const result = sass.compileString(contents, {
-      loadPaths: [dirname3(filePath), process.cwd()],
+      importers: [
+        createSassImporter(filePath, loadPaths, language, config)
+      ],
+      loadPaths,
       style: "expanded",
       syntax: language === "sass" ? "indented" : "scss",
       url: new URL(`file://${filePath}`)
@@ -2479,6 +2676,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 +2687,63 @@ 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 loadPaths = normalizeLoadPaths(filePath, options.paths);
     const result = await render(contents, {
+      ...options.options ?? {},
       filename: filePath,
-      paths: [dirname3(filePath), process.cwd()]
+      paths: loadPaths,
+      plugins: [
+        ...options.options?.plugins ?? [],
+        createLessFileManager(filePath, loadPaths, config)
+      ]
     });
     return result.css;
   }
-  return contents;
-}, stylePreprocessorPlugin, createSvelteStylePreprocessor = () => ({
+  if (language === "stylus") {
+    const options = getStylusOptions(config);
+    const loadPaths = normalizeLoadPaths(filePath, options.paths);
+    const contents = withAdditionalData(preprocessLoadedStyle(rawContents, filePath, filePath, loadPaths, "stylus", config), options.additionalData);
+    return renderStylus(contents, filePath, loadPaths, options);
+  }
+  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 source = cssModuleSources.get(path);
+      if (!source) {
+        throw new Error(`Unable to resolve CSS module source for ${path}`);
+      }
+      return {
+        contents: source.css,
+        loader: "css"
+      };
+    });
+    build.onLoad({ filter: STYLE_EXTENSION_PATTERN }, async ({ path }) => {
+      if (isStyleModulePath(path)) {
+        const cssModulePath = path.replace(STYLE_EXTENSION_PATTERN, ".css");
+        const compiled = await compileStyleSource(path, undefined, undefined, config);
+        const { css, exports } = extractCssModuleExports(compiled);
+        cssModuleSources.set(cssModulePath, { css, exports });
+        const exportSource = Object.keys(exports).length > 0 ? `import styles from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)}; export default Object.assign({}, styles, ${JSON.stringify(exports)});` : `export { default } from ${JSON.stringify(`absolute-style-module:${cssModulePath}`)};`;
+        return {
+          contents: exportSource,
+          loader: "js"
+        };
+      }
+      return {
+        contents: await compileStyleSource(path, undefined, undefined, config),
+        loader: "css"
+      };
+    });
+  }
+}), stylePreprocessorPlugin, createSvelteStylePreprocessor = (config) => ({
   style: async ({
     attributes,
     content,
@@ -2507,63 +2754,30 @@ 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;
-  STYLE_MODULE_EXTENSION_PATTERN = /\.module\.(s[ac]ss|less)$/i;
-  STYLE_LANGUAGE_PATTERN = /^(s[ac]ss|less)$/i;
+  STYLE_EXTENSION_PATTERN = /\.(s[ac]ss|less|styl(?:us)?)$/i;
+  STYLE_MODULE_EXTENSION_PATTERN = /\.module\.(s[ac]ss|less|styl(?:us)?)$/i;
+  STYLE_LANGUAGE_PATTERN = /^(s[ac]ss|less|styl(?:us)?)$/i;
   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 relative4, resolve as resolve7 } from "path";
 var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, ensureRelativeImportPath = (from, target) => {
-  const importPath = relative3(dirname4(from), target).replace(/\\/g, "/");
+  const importPath = relative4(dirname4(from), target).replace(/\\/g, "/");
   return importPath.startsWith(".") ? importPath : `./${importPath}`;
 }, processDirectoryEntries = (entries, dir, targetFileName, stack) => {
   for (const entry of entries) {
@@ -2609,7 +2823,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`,
@@ -2627,7 +2841,7 @@ var serverCacheRoot, compiledModuleCache, originalSourcePathCache, transpiler, e
   const foundIndex = existResults.indexOf(true);
   return foundIndex >= 0 ? candidates[foundIndex] ?? null : null;
 }, getCachedModulePath = (sourcePath) => {
-  const relativeSourcePath = relative3(process.cwd(), sourcePath).replace(/\\/g, "/");
+  const relativeSourcePath = relative4(process.cwd(), sourcePath).replace(/\\/g, "/");
   const normalizedSourcePath = relativeSourcePath.startsWith("..") ? sourcePath.replace(/[:\\/]/g, "_") : relativeSourcePath;
   return join6(serverCacheRoot, `${normalizedSourcePath}.server.js`);
 }, resolveSvelteImport = async (spec, from) => {
@@ -2641,7 +2855,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;
   }
@@ -2947,7 +3161,7 @@ var init_staticStreaming = __esm(() => {
 });
 
 // src/build/staticIslandPages.ts
-import { readFileSync as readFileSync3, writeFileSync as writeFileSync3 } from "fs";
+import { readFileSync as readFileSync4, writeFileSync as writeFileSync3 } from "fs";
 var ISLAND_TAG_RE_SOURCE = "<(?:absolute-island|island)\\b([^>]*?)(?:\\/\\>|>(?:[\\s\\S]*?)<\\/(?:absolute-island|island)>)", ATTRIBUTE_RE_SOURCE = `([A-Za-z_:][-A-Za-z0-9_:.]*)\\s*=\\s*(?:"([^"]*)"|'([^']*)')`, islandFrameworks, islandHydrationModes, isRecord5 = (value) => typeof value === "object" && value !== null, isIslandFramework = (value) => islandFrameworks.some((framework) => framework === value), isIslandHydrationMode = (value) => islandHydrationModes.some((mode) => mode === value), parseHtmlAttributes = (attributeString) => {
   const attributeRe = new RegExp(ATTRIBUTE_RE_SOURCE, "g");
   const attributes = new Map;
@@ -3076,7 +3290,7 @@ var ISLAND_TAG_RE_SOURCE = "<(?:absolute-island|island)\\b([^>]*?)(?:\\/\\>|>(?:
   }
   return result + originalHtml.slice(nextIndex);
 }, transformStaticPage = async (pagePath, registry) => {
-  const originalHtml = readFileSync3(pagePath, "utf-8");
+  const originalHtml = readFileSync4(pagePath, "utf-8");
   const transformedHtml = await transformStaticPageHtml(originalHtml, registry);
   if (transformedHtml !== originalHtml) {
     writeFileSync3(pagePath, transformedHtml);
@@ -3129,10 +3343,10 @@ var init_outputLogs = __esm(() => {
 });
 
 // src/build/scanEntryPoints.ts
-import { existsSync as existsSync5 } from "fs";
+import { existsSync as existsSync6 } from "fs";
 var {Glob: Glob2 } = globalThis.Bun;
 var scanEntryPoints = async (dir, pattern) => {
-  if (!existsSync5(dir))
+  if (!existsSync6(dir))
     return [];
   const entryPaths = [];
   const glob = new Glob2(pattern);
@@ -3146,7 +3360,7 @@ var init_scanEntryPoints = () => {};
 // src/build/scanConventions.ts
 import { basename as basename3 } from "path";
 var {Glob: Glob3 } = globalThis.Bun;
-import { existsSync as existsSync6 } from "fs";
+import { existsSync as existsSync7 } from "fs";
 var CONVENTION_RE, classifyFile = (file, pageFiles, defaults, pages) => {
   const fileName = basename3(file);
   const match = CONVENTION_RE.exec(fileName);
@@ -3171,7 +3385,7 @@ var CONVENTION_RE, classifyFile = (file, pageFiles, defaults, pages) => {
   else if (kind === "loading")
     pages[pageName].loading = file;
 }, scanConventions = async (pagesDir, pattern) => {
-  if (!existsSync6(pagesDir)) {
+  if (!existsSync7(pagesDir)) {
     const pageFiles2 = [];
     return { conventions: undefined, pageFiles: pageFiles2 };
   }
@@ -3194,13 +3408,13 @@ var init_scanConventions = __esm(() => {
 });
 
 // src/build/scanCssEntryPoints.ts
-import { existsSync as existsSync7 } from "fs";
+import { existsSync as existsSync8 } from "fs";
 var {Glob: Glob4 } = globalThis.Bun;
 var scanCssEntryPoints = async (dir, ignore) => {
-  if (!existsSync7(dir))
+  if (!existsSync8(dir))
     return [];
   const entryPaths = [];
-  const glob = new Glob4("**/*.{css,scss,sass,less}");
+  const glob = new Glob4("**/*.{css,scss,sass,less,styl,stylus}");
   for await (const file of glob.scan({ absolute: true, cwd: dir })) {
     const normalized = normalizePath(file);
     if (isStyleModulePath(normalized) || ignore?.some((pattern) => normalized.includes(pattern)))
@@ -3214,8 +3428,8 @@ 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 { existsSync as existsSync9, mkdirSync as mkdirSync3, readFileSync as readFileSync5, writeFileSync as writeFileSync4 } from "fs";
+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)
@@ -3269,7 +3483,7 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
   return [...device, ...image].sort((left, right) => left - right);
 }, getCacheDir = (buildDir) => {
   const dir = join7(buildDir, ".cache", "images");
-  if (!existsSync8(dir))
+  if (!existsSync9(dir))
     mkdirSync3(dir, { recursive: true });
   return dir;
 }, getCacheKey = (url, width, quality, format) => {
@@ -3327,11 +3541,11 @@ var DEFAULT_DEVICE_SIZES, DEFAULT_IMAGE_SIZES, DEFAULT_QUALITY = 75, OPTIMIZATIO
 }, readFromCache = (cacheDir, cacheKey) => {
   const metaPath = join7(cacheDir, `${cacheKey}.meta`);
   const dataPath = join7(cacheDir, `${cacheKey}.data`);
-  if (!existsSync8(metaPath) || !existsSync8(dataPath))
+  if (!existsSync9(metaPath) || !existsSync9(dataPath))
     return null;
   try {
-    const meta = JSON.parse(readFileSync4(metaPath, "utf-8"));
-    const buffer = readFileSync4(dataPath);
+    const meta = JSON.parse(readFileSync5(metaPath, "utf-8"));
+    const buffer = readFileSync5(dataPath);
     return { buffer, meta };
   } catch {
     return null;
@@ -3341,7 +3555,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;
@@ -3446,14 +3660,14 @@ var init_optimizeHtmlImages = __esm(() => {
 });
 
 // src/cli/scripts/telemetry.ts
-import { existsSync as existsSync9, mkdirSync as mkdirSync4, readFileSync as readFileSync5, writeFileSync as writeFileSync5 } from "fs";
+import { existsSync as existsSync10, mkdirSync as mkdirSync4, readFileSync as readFileSync6, writeFileSync as writeFileSync5 } from "fs";
 import { homedir } from "os";
 import { join as join8 } from "path";
 var configDir, configPath, getTelemetryConfig = () => {
   try {
-    if (!existsSync9(configPath))
+    if (!existsSync10(configPath))
       return null;
-    const raw = readFileSync5(configPath, "utf-8");
+    const raw = readFileSync6(configPath, "utf-8");
     const config = JSON.parse(raw);
     return config;
   } catch {
@@ -3466,14 +3680,14 @@ var init_telemetry = __esm(() => {
 });
 
 // src/cli/telemetryEvent.ts
-import { existsSync as existsSync10, readFileSync as readFileSync6 } from "fs";
+import { existsSync as existsSync11, readFileSync as readFileSync7 } from "fs";
 import { arch, platform } from "os";
 import { dirname as dirname5, join as join9, parse } from "path";
 var checkCandidate = (candidate) => {
-  if (!existsSync10(candidate)) {
+  if (!existsSync11(candidate)) {
     return null;
   }
-  const pkg = JSON.parse(readFileSync6(candidate, "utf-8"));
+  const pkg = JSON.parse(readFileSync7(candidate, "utf-8"));
   if (pkg.name === "@absolutejs/absolute") {
     const ver = pkg.version;
     return ver;
@@ -3578,19 +3792,19 @@ var init_updateAssetPaths = __esm(() => {
 });
 
 // src/dev/buildHMRClient.ts
-import { existsSync as existsSync11 } from "fs";
-import { resolve as resolve8 } from "path";
+import { existsSync as existsSync12 } from "fs";
+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");
-  if (existsSync11(fromSource) && fromSource.startsWith(projectRoot)) {
+  const fromSource = resolve9(import.meta.dir, "client/hmrClient.ts");
+  if (existsSync12(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve8(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
-  if (existsSync11(fromNodeModules))
+  const fromNodeModules = resolve9(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client/hmrClient.ts");
+  if (existsSync12(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 +3834,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 +3852,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;
@@ -3780,12 +3994,12 @@ 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 { existsSync as existsSync13, mkdirSync as mkdirSync5, readFileSync as readFileSync8, writeFileSync as writeFileSync6 } from "fs";
+import { dirname as dirname6, join as join10, relative as relative5, 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) {
@@ -3805,9 +4019,9 @@ var init_angularLinkerPlugin = __esm(() => {
         }
         const hash = createHash("md5").update(source).digest("hex");
         const cachePath = join10(CACHE_DIR, `${hash}.js`);
-        if (existsSync12(cachePath)) {
+        if (existsSync13(cachePath)) {
           return {
-            contents: readFileSync7(cachePath, "utf-8"),
+            contents: readFileSync8(cachePath, "utf-8"),
             loader: "js"
           };
         }
@@ -3822,10 +4036,10 @@ var init_angularLinkerPlugin = __esm(() => {
           linkerPlugin = mod.createEs2015LinkerPlugin({
             fileSystem: {
               dirname: dirname6,
-              exists: existsSync12,
-              readFile: readFileSync7,
-              relative: relative4,
-              resolve: resolve10
+              exists: existsSync13,
+              readFile: readFileSync8,
+              relative: relative5,
+              resolve: resolve11
             },
             linkerJitMode: false,
             logger: {
@@ -3859,17 +4073,17 @@ 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);
+  for (const relative6 of glob.scanSync({ cwd: buildPath })) {
+    const absolute = resolve12(buildPath, relative6);
     if (currentPaths.has(absolute))
       continue;
-    if (!HASHED_FILE_PATTERN.test(relative5))
+    if (!HASHED_FILE_PATTERN.test(relative6))
       continue;
     removals.push(rm2(absolute, { force: true }));
   }
@@ -3927,11 +4141,11 @@ 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 relative6 } from "path";
 var validateSafePath = (targetPath, baseDirectory) => {
-  const absoluteBase = resolve12(baseDirectory);
-  const absoluteTarget = resolve12(baseDirectory, targetPath);
-  const relativePath = normalizePath(relative5(absoluteBase, absoluteTarget));
+  const absoluteBase = resolve13(baseDirectory);
+  const absoluteTarget = resolve13(baseDirectory, targetPath);
+  const relativePath = normalizePath(relative6(absoluteBase, absoluteTarget));
   if (relativePath.startsWith("../") || relativePath === "..") {
     throw new Error(`Unsafe path: ${targetPath}`);
   }
@@ -4077,29 +4291,29 @@ __export(exports_compileSvelte, {
   compileSvelte: () => compileSvelte,
   clearSvelteCompilerCache: () => clearSvelteCompilerCache
 });
-import { existsSync as existsSync13 } from "fs";
+import { existsSync as existsSync14 } from "fs";
 import { mkdir as mkdir2, stat } from "fs/promises";
 import {
   dirname as dirname7,
   join as join12,
   basename as basename4,
   extname as extname5,
-  resolve as resolve13,
-  relative as relative6,
+  resolve as resolve14,
+  relative as relative7,
   sep as sep2
 } from "path";
 import { env } from "process";
 var {write, file, Transpiler } = globalThis.Bun;
 var resolveDevClientDir2 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve13(import.meta.dir, "../dev/client");
-  if (existsSync13(fromSource) && fromSource.startsWith(projectRoot)) {
+  const fromSource = resolve14(import.meta.dir, "../dev/client");
+  if (existsSync14(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve13(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync13(fromNodeModules))
+  const fromNodeModules = resolve14(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  if (existsSync14(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 +4343,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 +4370,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"];
@@ -4177,13 +4391,13 @@ var resolveDevClientDir2 = () => {
     return jsPath;
   return null;
 }, addModuleRewrite = (rewrites, rawSpec, resolvedModule, ssrOutputDir, clientOutputDir) => {
-  const toServer = relative6(ssrOutputDir, resolvedModule).replace(/\\/g, "/");
-  const toClient = relative6(clientOutputDir, resolvedModule).replace(/\\/g, "/");
+  const toServer = relative7(ssrOutputDir, resolvedModule).replace(/\\/g, "/");
+  const toClient = relative7(clientOutputDir, resolvedModule).replace(/\\/g, "/");
   rewrites.set(rawSpec, {
     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,13 +4425,13 @@ 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;
     const transpiledClient = src.endsWith(".ts") || src.endsWith(".svelte.ts") ? transpiler2.transformSync(preprocessedClient) : preprocessedClient;
-    const rawRel = dirname7(relative6(svelteRoot, src)).replace(/\\/g, "/");
-    const relDir = rawRel.startsWith("..") ? `_ext/${relative6(process.cwd(), dirname7(src)).replace(/\\/g, "/")}` : rawRel;
+    const rawRel = dirname7(relative7(svelteRoot, src)).replace(/\\/g, "/");
+    const relDir = rawRel.startsWith("..") ? `_ext/${relative7(process.cwd(), dirname7(src)).replace(/\\/g, "/")}` : rawRel;
     const baseName = basename4(src).replace(/\.svelte(\.(ts|js))?$/, "");
     const importPaths = Array.from(transpiledServer.matchAll(/from\s+['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((path) => path !== undefined);
     const resolvedModuleImports = await Promise.all(importPaths.map((importPath) => resolveRelativeModule2(importPath, src)));
@@ -4238,15 +4452,15 @@ var resolveDevClientDir2 = () => {
         addModuleRewrite(externalRewrites, rawSpec, resolvedModule, ssrOutputDir, clientOutputDir);
       if (!resolved)
         continue;
-      const childRel = relative6(svelteRoot, resolved).replace(/\\/g, "/");
+      const childRel = relative7(svelteRoot, resolved).replace(/\\/g, "/");
       if (!childRel.startsWith(".."))
         continue;
       const childBuilt2 = cache.get(resolved);
       if (!childBuilt2)
         continue;
       const origSpec = rawSpec.replace(/\.svelte(?:\.(?:ts|js))?$/, ".js");
-      const toServer = relative6(ssrOutputDir, childBuilt2.ssr).replace(/\\/g, "/");
-      const toClient = relative6(clientOutputDir, childBuilt2.client).replace(/\\/g, "/");
+      const toServer = relative7(ssrOutputDir, childBuilt2.ssr).replace(/\\/g, "/");
+      const toClient = relative7(clientOutputDir, childBuilt2.client).replace(/\\/g, "/");
       externalRewrites.set(origSpec, {
         client: toClient.startsWith(".") ? toClient : `./${toClient}`,
         server: toServer.startsWith(".") ? toServer : `./${toServer}`
@@ -4281,7 +4495,7 @@ var resolveDevClientDir2 = () => {
       }).js.code;
       let code = compiled.replace(/\.svelte(?:\.(?:ts|js))?(['"])/g, ".js$1");
       if (mode === "client" && isDev) {
-        const moduleKey = `/@src/${relative6(process.cwd(), src).replace(/\\/g, "/")}`;
+        const moduleKey = `/@src/${relative7(process.cwd(), src).replace(/\\/g, "/")}`;
         code = code.replace(/if\s*\(import\.meta\.hot\)\s*\{/, `if (typeof window !== "undefined") {
   if (!window.__SVELTE_HMR_ACCEPT__) window.__SVELTE_HMR_ACCEPT__ = {};
   var __hmr_accept = function(cb) { window.__SVELTE_HMR_ACCEPT__[${JSON.stringify(moduleKey)}] = cb; };`);
@@ -4324,10 +4538,10 @@ var resolveDevClientDir2 = () => {
   };
   const roots = await Promise.all(entryPoints.map(build));
   await Promise.all(roots.map(async ({ client, hasAwaitSlot }) => {
-    const relClientDir = dirname7(relative6(clientDir, client));
+    const relClientDir = dirname7(relative7(clientDir, client));
     const name = basename4(client, extname5(client));
     const indexPath = join12(indexDir, relClientDir, `${name}.js`);
-    const importRaw = relative6(dirname7(indexPath), client).split(sep2).join("/");
+    const importRaw = relative7(dirname7(indexPath), client).split(sep2).join("/");
     const importPath = importRaw.startsWith(".") || importRaw.startsWith("/") ? importRaw : `./${importRaw}`;
     const hmrImports = isDev ? `window.__HMR_FRAMEWORK__ = "svelte";
 import "${hmrClientPath3}";
@@ -4404,7 +4618,7 @@ if (typeof window !== "undefined") {
   return {
     svelteClientPaths: roots.map(({ client }) => client),
     svelteIndexPaths: roots.map(({ client }) => {
-      const rel = dirname7(relative6(clientDir, client));
+      const rel = dirname7(relative7(clientDir, client));
       return join12(indexDir, rel, basename4(client));
     }),
     svelteServerPaths: roots.map(({ ssr }) => ssr)
@@ -4434,20 +4648,20 @@ __export(exports_compileVue, {
   compileVue: () => compileVue,
   clearVueHmrCaches: () => clearVueHmrCaches
 });
-import { existsSync as existsSync14 } from "fs";
+import { existsSync as existsSync15 } 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 relative8, 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");
-  if (existsSync14(fromSource) && fromSource.startsWith(projectRoot)) {
+  const fromSource = resolve15(import.meta.dir, "../dev/client");
+  if (existsSync15(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve14(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync14(fromNodeModules))
+  const fromNodeModules = resolve15(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  if (existsSync15(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();
@@ -4486,7 +4700,7 @@ var resolveDevClientDir3 = () => {
     return "template-only";
   }
   return "full";
-}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative7(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath) => {
+}, generateVueHmrId = (sourceFilePath, vueRootDir) => relative8(vueRootDir, sourceFilePath).replace(/\\/g, "/").replace(/\.vue$/, ""), extractImports = (sourceCode) => Array.from(sourceCode.matchAll(/import\s+[\s\S]+?['"]([^'"]+)['"]/g)).map((match) => match[1]).filter((importPath) => importPath !== undefined), toJs = (filePath) => {
   if (filePath.endsWith(".vue"))
     return filePath.replace(/\.vue$/, ".js");
   if (filePath.endsWith(".ts"))
@@ -4509,11 +4723,11 @@ 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;
-  const relativeFilePath = relative7(vueRootDir, sourceFilePath).replace(/\\/g, "/");
+  const relativeFilePath = relative8(vueRootDir, sourceFilePath).replace(/\\/g, "/");
   const relativeWithoutExtension = relativeFilePath.replace(/\.vue$/, "");
   const fileBaseName = basename5(sourceFilePath, ".vue");
   const componentId = toKebab(fileBaseName);
@@ -4547,8 +4761,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 +4797,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 = [
@@ -4637,7 +4851,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     let result2 = code;
     for (const [bareImport, paths] of packageImportRewrites) {
       const targetPath = mode === "server" ? paths.server : paths.client;
-      let rel = relative7(dirname8(outputPath), targetPath).replace(/\\/g, "/");
+      let rel = relative8(dirname8(outputPath), targetPath).replace(/\\/g, "/");
       if (!rel.startsWith("."))
         rel = `./${rel}`;
       result2 = result2.replaceAll(bareImport, rel);
@@ -4655,14 +4869,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,15 +4892,15 @@ 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`);
-    const clientOutputFile = join13(clientOutputDir, relative7(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
+    const clientOutputFile = join13(clientOutputDir, relative8(vueRootDir, entryPath).replace(/\\/g, "/").replace(/\.vue$/, ".js"));
     await mkdir3(dirname8(indexOutputFile), { recursive: true });
     const vueHmrImports = isDev ? [
       `window.__HMR_FRAMEWORK__ = "vue";`,
@@ -4694,7 +4908,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
     ] : [];
     await write2(indexOutputFile, [
       ...vueHmrImports,
-      `import Comp from "${relative7(dirname8(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
+      `import Comp from "${relative8(dirname8(indexOutputFile), clientOutputFile).replace(/\\/g, "/")}";`,
       'import { createSSRApp, createApp } from "vue";',
       "",
       "// HMR State Preservation: Check for preserved state from HMR",
@@ -4814,7 +5028,7 @@ if (typeof __VUE_HMR_RUNTIME__ !== 'undefined') {
   await Promise.all(Array.from(allTsHelperPaths).map(async (tsPath) => {
     const sourceCode = await file2(tsPath).text();
     const transpiledCode = transpiler3.transformSync(sourceCode);
-    const relativeJsPath = relative7(vueRootDir, tsPath).replace(/\.ts$/, ".js");
+    const relativeJsPath = relative8(vueRootDir, tsPath).replace(/\.ts$/, ".js");
     const outClientPath = join13(clientOutputDir, relativeJsPath);
     const outServerPath = join13(serverOutputDir, relativeJsPath);
     await mkdir3(dirname8(outClientPath), { recursive: true });
@@ -5315,27 +5529,27 @@ __export(exports_compileAngular, {
   compileAngularFile: () => compileAngularFile,
   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 { existsSync as existsSync16, readFileSync as readFileSync9, promises as fs } from "fs";
+import { join as join14, basename as basename6, sep as sep3, dirname as dirname9, resolve as resolve16, relative as relative9 } from "path";
 import ts2 from "typescript";
 import { createHash as createHash2 } from "crypto";
 var computeConfigHash = () => {
   try {
-    const content = readFileSync8("./tsconfig.json", "utf-8");
+    const content = readFileSync9("./tsconfig.json", "utf-8");
     return createHash2("md5").update(content).digest("hex");
   } catch {
     return "";
   }
 }, resolveDevClientDir4 = () => {
   const projectRoot = process.cwd();
-  const fromSource = resolve15(import.meta.dir, "../dev/client");
-  if (existsSync15(fromSource) && fromSource.startsWith(projectRoot)) {
+  const fromSource = resolve16(import.meta.dir, "../dev/client");
+  if (existsSync16(fromSource) && fromSource.startsWith(projectRoot)) {
     return fromSource;
   }
-  const fromNodeModules = resolve15(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
-  if (existsSync15(fromNodeModules))
+  const fromNodeModules = resolve16(projectRoot, "node_modules/@absolutejs/absolute/dist/dev/client");
+  if (existsSync16(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 +5615,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 +5626,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) => existsSync16(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"))
+    if (!existsSync16(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,8 +5654,8 @@ ${registrations}
   };
   await transformFile(inputPath);
   return transformedSources;
-}, compileAngularFile = async (inputPath, outDir) => {
-  const islandMetadataExports = buildIslandMetadataExports(readFileSync8(inputPath, "utf-8"));
+}, compileAngularFile = async (inputPath, outDir, stylePreprocessors) => {
+  const islandMetadataExports = buildIslandMetadataExports(readFileSync9(inputPath, "utf-8"));
   const { readConfiguration, performCompilation, EmitFlags } = await import("@angular/compiler-cli");
   const configHash = computeConfigHash();
   const cached = globalThis.__angularCompilerCache;
@@ -5456,7 +5670,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 +5717,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 +5731,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,8 +5776,8 @@ ${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");
-  if (existsSync15(sourceEntry)) {
+  const sourceEntry = resolve16(import.meta.dir, "../angular/components/index.ts");
+  if (existsSync16(sourceEntry)) {
     return sourceEntry.replace(/\\/g, "/");
   }
   return "@absolutejs/absolute/angular/components";
@@ -5690,16 +5904,16 @@ ${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) => {
-  if (!existsSync15(filePath))
+}, readAndEscapeFile = async (filePath, stylePreprocessors) => {
+  if (!existsSync16(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*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join14(fileDir, templateUrlMatch[1]);
-    if (!existsSync15(templatePath)) {
+    if (!existsSync16(templatePath)) {
       return { deferSlots: [], source };
     }
     const templateRaw2 = await fs.readFile(templatePath, "utf-8");
@@ -5730,10 +5944,10 @@ ${fields}
   const templateUrlMatch = source.match(/templateUrl\s*:\s*['"]([^'"]+)['"]/);
   if (templateUrlMatch?.[1]) {
     const templatePath = join14(fileDir, templateUrlMatch[1]);
-    if (!existsSync15(templatePath)) {
+    if (!existsSync16(templatePath)) {
       return { deferSlots: [], source };
     }
-    const templateRaw2 = readFileSync8(templatePath, "utf-8");
+    const templateRaw2 = readFileSync9(templatePath, "utf-8");
     const lowered2 = lowerAngularDeferSyntax(templateRaw2);
     const escaped2 = escapeTemplateContent(lowered2.template);
     const replacedSource2 = source.replace(/templateUrl\s*:\s*['"][^'"]+['"]/, `template: \`${escaped2}\``);
@@ -5757,7 +5971,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 +5980,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,23 +6045,23 @@ ${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);
     let actualPath = resolved;
     if (!actualPath.endsWith(".ts"))
       actualPath += ".ts";
-    if (!existsSync15(actualPath))
+    if (!existsSync16(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;
@@ -5868,7 +6082,7 @@ ${fields}
     }
     const contentHash = Bun.hash(sourceCode).toString(BASE_36_RADIX);
     const cacheKey2 = actualPath;
-    if (jitContentCache.get(cacheKey2) === contentHash && existsSync15(targetPath)) {
+    if (jitContentCache.get(cacheKey2) === contentHash && existsSync16(targetPath)) {
       allOutputs.push(targetPath);
     } else {
       const processedContent = transpileAndRewrite(sourceCode, relativeDir, actualPath);
@@ -5879,13 +6093,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 +6109,9 @@ ${fields}
   const indexesDir = join14(compiledParent, "indexes");
   await fs.mkdir(indexesDir, { recursive: true });
   const compileTasks = entryPoints.map(async (entry) => {
-    const resolvedEntry = resolve15(entry);
-    const relativeEntry = relative8(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
-    const compileEntry = () => hmr ? compileAngularFileJIT(resolvedEntry, compiledRoot, outRoot) : compileAngularFile(resolvedEntry, compiledRoot);
+    const resolvedEntry = resolve16(entry);
+    const relativeEntry = relative9(outRoot, resolvedEntry).replace(/\.[tj]s$/, ".js");
+    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,18 +6119,18 @@ ${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}`));
+      let candidate = normalizedCandidates.find((file3) => existsSync16(file3) && file3.endsWith(`${sep3}pages${sep3}${jsName}`));
       if (!candidate) {
-        candidate = normalizedCandidates.find((file3) => existsSync15(file3) && file3.endsWith(`${sep3}${jsName}`));
+        candidate = normalizedCandidates.find((file3) => existsSync16(file3) && file3.endsWith(`${sep3}${jsName}`));
       }
       if (!candidate) {
-        candidate = normalizedCandidates.find((file3) => existsSync15(file3));
+        candidate = normalizedCandidates.find((file3) => existsSync16(file3));
       }
       return candidate;
     };
@@ -5924,11 +6138,11 @@ ${fields}
     if (!rawServerFile) {
       rawServerFile = resolveRawServerFile([]);
     }
-    if (rawServerFile && !existsSync15(rawServerFile)) {
+    if (rawServerFile && !existsSync16(rawServerFile)) {
       outputs = await compileEntry();
       rawServerFile = resolveRawServerFile(outputs);
     }
-    if (!rawServerFile || !existsSync15(rawServerFile)) {
+    if (!rawServerFile || !existsSync16(rawServerFile)) {
       throw new Error(`Compiled output not found for ${entry}. Looking for: ${jsName}. Available: ${[
         ...outputs,
         ...compiledFallbackPaths
@@ -5939,7 +6153,7 @@ ${fields}
     const serverContentHash = Bun.hash(original).toString(BASE_36_RADIX);
     const cachedWrapper = wrapperOutputCache.get(resolvedEntry);
     const clientFile = join14(indexesDir, jsName);
-    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync15(clientFile)) {
+    if (hmr && cachedWrapper && cachedWrapper.serverHash === serverContentHash && existsSync16(clientFile)) {
       return {
         clientPath: clientFile,
         indexUnchanged: true,
@@ -5973,7 +6187,7 @@ export default ${componentClassName};
       await fs.writeFile(ssrDepsFile, ssrDepsContent, "utf-8");
     }
     await fs.writeFile(rawServerFile, rewritten, "utf-8");
-    const relativePath = relative8(indexesDir, rawServerFile).replace(/\\/g, "/");
+    const relativePath = relative9(indexesDir, rawServerFile).replace(/\\/g, "/");
     const normalizedImportPath = relativePath.startsWith(".") ? relativePath : `./${relativePath}`;
     const hmrPreamble = hmr ? `window.__HMR_FRAMEWORK__ = "angular";
 import "${hmrRuntimePath}";
@@ -6138,25 +6352,25 @@ __export(exports_buildReactVendor, {
   computeVendorPaths: () => computeVendorPaths,
   buildReactVendor: () => buildReactVendor
 });
-import { existsSync as existsSync16, mkdirSync as mkdirSync6 } from "fs";
-import { join as join15, resolve as resolve16 } from "path";
+import { existsSync as existsSync17, mkdirSync as mkdirSync6 } from "fs";
+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)) {
+    if (existsSync17(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());
@@ -6328,11 +6542,11 @@ var vueSpecifiers, toSafeFileName3 = (specifier) => specifier.replace(/\//g, "_"
     console.warn("\u26A0\uFE0F Vue vendor build had errors:", result.logs);
     return;
   }
-  const { readFileSync: readFileSync9, writeFileSync: writeFileSync7, readdirSync } = await import("fs");
+  const { readFileSync: readFileSync10, writeFileSync: writeFileSync7, readdirSync } = await import("fs");
   const files = readdirSync(vendorDir).filter((f) => f.endsWith(".js"));
   for (const file3 of files) {
     const filePath = join17(vendorDir, file3);
-    const content = readFileSync9(filePath, "utf-8");
+    const content = readFileSync10(filePath, "utf-8");
     if (!content.includes("__VUE_HMR_RUNTIME__"))
       continue;
     const patched = content.replace(/getGlobalThis\(\)\.__VUE_HMR_RUNTIME__\s*=\s*\{/, "getGlobalThis().__VUE_HMR_RUNTIME__ = getGlobalThis().__VUE_HMR_RUNTIME__ || {");
@@ -6455,14 +6669,14 @@ var init_rewriteImports = __esm(() => {
 import {
   copyFileSync,
   cpSync,
-  existsSync as existsSync17,
+  existsSync as existsSync18,
   mkdirSync as mkdirSync10,
-  readFileSync as readFileSync9,
+  readFileSync as readFileSync10,
   rmSync as rmSync2,
   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 relative10, 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 +6764,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 +6777,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);
@@ -6578,7 +6792,7 @@ var isDev, collectConventionSourceFiles = (entry) => {
     addWorkerPathIfExists(file3, relPath, workerPaths);
   }
 }, collectWorkerPathsFromFile = (file3, patterns, workerPaths) => {
-  const content = readFileSync9(file3, "utf-8");
+  const content = readFileSync10(file3, "utf-8");
   for (const pattern of patterns) {
     collectWorkerPathsFromContent(content, pattern, file3, workerPaths);
   }
@@ -6623,39 +6837,39 @@ var isDev, collectConventionSourceFiles = (entry) => {
     copyVueDevIndexes(vueDir, vuePagesPath, vueEntries, devIndexDir);
   }
 }, copyReactDevIndexes = (reactIndexesPath, reactPagesPath, devIndexDir, readDir) => {
-  if (!existsSync17(reactIndexesPath)) {
+  if (!existsSync18(reactIndexesPath)) {
     return;
   }
   const indexFiles = readDir(reactIndexesPath).filter((file3) => file3.endsWith(".tsx"));
-  const pagesRel = relative9(process.cwd(), resolve17(reactPagesPath)).replace(/\\/g, "/");
+  const pagesRel = relative10(process.cwd(), resolve18(reactPagesPath)).replace(/\\/g, "/");
   for (const file3 of indexFiles) {
-    let content = readFileSync9(join19(reactIndexesPath, file3), "utf-8");
+    let content = readFileSync10(join19(reactIndexesPath, file3), "utf-8");
     content = content.replace(/from\s*['"]([^'"]*\/pages\/([^'"]+))['"]/g, (_match, _fullPath, componentName) => `from '/@src/${pagesRel}/${componentName}'`);
     writeFileSync7(join19(devIndexDir, file3), content);
   }
 }, 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))
+    if (!existsSync18(indexFile))
       continue;
-    let content = readFileSync9(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve17(entry)).replace(/\\/g, "/");
+    let content = readFileSync10(indexFile, "utf-8");
+    const srcRel = relative10(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))
+    if (!existsSync18(indexFile))
       continue;
-    let content = readFileSync9(indexFile, "utf-8");
-    const srcRel = relative9(process.cwd(), resolve17(entry)).replace(/\\/g, "/");
+    let content = readFileSync10(indexFile, "utf-8");
+    const srcRel = relative10(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 +6882,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;
@@ -6705,7 +6919,7 @@ var isDev, collectConventionSourceFiles = (entry) => {
   }
   return result;
 }, VUE_HMR_RUNTIME, injectVueComposableTracking = (outputPath, projectRoot) => {
-  let content = readFileSync9(outputPath, "utf-8");
+  let content = readFileSync10(outputPath, "utf-8");
   const usePattern = /^var\s+(use[A-Z]\w*)\s*=/gm;
   const useNames = [];
   let match;
@@ -6730,7 +6944,7 @@ ${content.slice(firstUseIdx)}`;
 }, buildDevUrlFileMap = (urlReferencedFiles, projectRoot) => {
   const urlFileMap = new Map;
   for (const srcPath of urlReferencedFiles) {
-    const rel = relative9(projectRoot, srcPath).replace(/\\/g, "/");
+    const rel = relative10(projectRoot, srcPath).replace(/\\/g, "/");
     const name = basename7(srcPath);
     const mtime = Math.round(statSync(srcPath).mtimeMs);
     const url = `/@src/${rel}?v=${mtime}`;
@@ -6745,7 +6959,7 @@ ${content.slice(firstUseIdx)}`;
     const output = nonReactClientOutputs.find((artifact) => basename7(artifact.path).startsWith(`${srcBase}.`));
     if (!output)
       continue;
-    urlFileMap.set(basename7(srcPath), `/${relative9(buildPath, output.path).replace(/\\/g, "/")}`);
+    urlFileMap.set(basename7(srcPath), `/${relative10(buildPath, output.path).replace(/\\/g, "/")}`);
   }
   return urlFileMap;
 }, buildUrlFileMap = (urlReferencedFiles, hmr, projectRoot, buildPath, nonReactClientOutputs) => {
@@ -6755,7 +6969,7 @@ ${content.slice(firstUseIdx)}`;
 }, rewriteUrlReferences = (outputPaths, urlFileMap) => {
   const urlPattern = /new\s+URL\(\s*["'](\.\.?\/[^"']+)["']\s*,\s*import\.meta\.url\s*\)/g;
   for (const outputPath of outputPaths) {
-    let content = readFileSync9(outputPath, "utf-8");
+    let content = readFileSync10(outputPath, "utf-8");
     let changed = false;
     content = content.replace(urlPattern, (_match, relPath) => {
       const targetName = basename7(relPath);
@@ -6780,6 +6994,7 @@ ${content.slice(firstUseIdx)}`;
   svelteDirectory,
   vueDirectory,
   stylesConfig,
+  stylePreprocessors,
   tailwind,
   options,
   incrementalFiles,
@@ -6789,6 +7004,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 +7093,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 +7168,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 +7200,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 +7231,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 +7239,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 +7247,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 +7390,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 +7448,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 +7464,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev ? [angularLinkerPlugin] : [],
         ...htmlScriptPlugin ? [htmlScriptPlugin] : []
       ],
@@ -7267,7 +7483,7 @@ ${content.slice(firstUseIdx)}`;
       naming: `[dir]/[name].[hash].[ext]`,
       outdir: buildPath,
       plugins: [
-        stylePreprocessorPlugin,
+        stylePreprocessorPlugin2,
         ...angularDir && !isDev ? [angularLinkerPlugin] : []
       ],
       root: islandEntryResult.generatedRoot,
@@ -7282,7 +7498,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({
@@ -7410,7 +7626,7 @@ ${content.slice(firstUseIdx)}`;
   const injectHMRIntoHTMLFile = (filePath, framework) => {
     if (!hmrClientBundle)
       return;
-    let html = readFileSync9(filePath, "utf-8");
+    let html = readFileSync10(filePath, "utf-8");
     if (html.includes("data-hmr-client"))
       return;
     const tag = `<script>window.__HMR_FRAMEWORK__="${framework}";</script><script data-hmr-client>${hmrClientBundle}</script>`;
@@ -7571,9 +7787,9 @@ var init_build = __esm(() => {
 });
 
 // src/dev/dependencyGraph.ts
-import { existsSync as existsSync18, readFileSync as readFileSync10 } from "fs";
+import { existsSync as existsSync19, readFileSync as readFileSync11 } 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"))
@@ -7583,12 +7799,12 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   if (lower.endsWith(".html") || lower.endsWith(".htm"))
     return "html";
   return null;
-}, resolveImportPath = (importPath, fromFile) => {
+}, resolveImportPath2 = (importPath, fromFile) => {
   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",
@@ -7601,10 +7817,10 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   ];
   for (const ext of extensions) {
     const withExt = normalized + ext;
-    if (existsSync18(withExt))
+    if (existsSync19(withExt))
       return withExt;
   }
-  if (existsSync18(normalized))
+  if (existsSync19(normalized))
     return normalized;
   return null;
 }, clearExistingDependents = (graph, normalizedPath) => {
@@ -7618,8 +7834,8 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     dependents.delete(normalizedPath);
   }
 }, addFileToGraph = (graph, filePath) => {
-  const normalizedPath = resolve18(filePath);
-  if (!existsSync18(normalizedPath))
+  const normalizedPath = resolve19(filePath);
+  if (!existsSync19(normalizedPath))
     return;
   const dependencies = extractDependencies(normalizedPath);
   clearExistingDependents(graph, normalizedPath);
@@ -7635,10 +7851,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) => existsSync19(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))
@@ -7654,7 +7870,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
     const [, href] = matchLink;
     if (!href)
       continue;
-    const resolvedHref = resolveImportPath(href, filePath);
+    const resolvedHref = resolveImportPath2(href, filePath);
     if (resolvedHref)
       dependencies.push(resolvedHref);
   }
@@ -7664,7 +7880,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   while ((match = regex.exec(content)) !== null) {
     if (!match[1])
       continue;
-    const resolved = resolveImportPath(match[1], filePath);
+    const resolved = resolveImportPath2(match[1], filePath);
     if (resolved)
       dependencies.push(resolved);
   }
@@ -7674,7 +7890,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   while ((urlMatch = stringLiteralRegex.exec(matchContent)) !== null) {
     if (!urlMatch[1])
       continue;
-    const resolved = resolveImportPath(urlMatch[1], filePath);
+    const resolved = resolveImportPath2(urlMatch[1], filePath);
     if (resolved)
       dependencies.push(resolved);
   }
@@ -7697,7 +7913,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   const imports = transpiler4.scanImports(content);
   const dependencies = [];
   for (const imp of imports) {
-    const resolved = resolveImportPath(imp.path, filePath);
+    const resolved = resolveImportPath2(imp.path, filePath);
     if (resolved)
       dependencies.push(resolved);
   }
@@ -7707,7 +7923,7 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   return dependencies;
 }, resolveScannedImports = (imports, filePath, dependencies) => {
   for (const imp of imports) {
-    const resolved = resolveImportPath(imp.path, filePath);
+    const resolved = resolveImportPath2(imp.path, filePath);
     if (resolved)
       dependencies.push(resolved);
   }
@@ -7732,15 +7948,15 @@ var emptyDependencyGraph, tsTranspiler, jsTranspiler, loaderForFile = (filePath)
   const lowerPath = filePath.toLowerCase();
   const isSvelteOrVue = lowerPath.endsWith(".svelte") || lowerPath.endsWith(".vue");
   if (loader === "html") {
-    const content = readFileSync10(filePath, "utf-8");
+    const content = readFileSync11(filePath, "utf-8");
     return extractHtmlDependencies(filePath, content);
   }
   if (loader === "tsx" || loader === "js") {
-    const content = readFileSync10(filePath, "utf-8");
+    const content = readFileSync11(filePath, "utf-8");
     return extractJsDependencies(filePath, content, loader);
   }
   if (isSvelteOrVue) {
-    const content = readFileSync10(filePath, "utf-8");
+    const content = readFileSync11(filePath, "utf-8");
     return extractSvelteVueDependencies(filePath, content);
   }
   return [];
@@ -7751,7 +7967,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 +8007,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 +8050,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),
@@ -8023,13 +8239,13 @@ var STYLE_EXTENSION_PATTERN2, detectFramework = (filePath, resolved) => {
 };
 var init_pathUtils = __esm(() => {
   init_commonAncestor();
-  STYLE_EXTENSION_PATTERN2 = /\.(css|s[ac]ss|less)$/i;
+  STYLE_EXTENSION_PATTERN2 = /\.(css|s[ac]ss|less|styl(?:us)?)$/i;
 });
 
 // src/dev/fileWatcher.ts
 import { watch } from "fs";
-import { existsSync as existsSync19 } from "fs";
-import { join as join20, resolve as resolve20 } from "path";
+import { existsSync as existsSync20 } from "fs";
+import { join as join20, resolve as resolve21 } from "path";
 var safeRemoveFromGraph = (graph, fullPath) => {
   try {
     removeFileFromGraph(graph, fullPath);
@@ -8060,12 +8276,12 @@ var safeRemoveFromGraph = (graph, fullPath) => {
     if (shouldIgnorePath(fullPath, state.resolvedPaths)) {
       return;
     }
-    if (event === "rename" && !existsSync19(fullPath)) {
+    if (event === "rename" && !existsSync20(fullPath)) {
       safeRemoveFromGraph(state.dependencyGraph, fullPath);
       onFileChange(fullPath);
       return;
     }
-    if (existsSync19(fullPath)) {
+    if (existsSync20(fullPath)) {
       onFileChange(fullPath);
       safeAddToGraph(state.dependencyGraph, fullPath);
     }
@@ -8074,8 +8290,8 @@ var safeRemoveFromGraph = (graph, fullPath) => {
 }, addFileWatchers = (state, paths, onFileChange) => {
   const stylesDir = state.resolvedPaths?.stylesDir;
   paths.forEach((path) => {
-    const absolutePath = resolve20(path).replace(/\\/g, "/");
-    if (!existsSync19(absolutePath)) {
+    const absolutePath = resolve21(path).replace(/\\/g, "/");
+    if (!existsSync20(absolutePath)) {
       return;
     }
     const isStylesDir = Boolean(stylesDir && absolutePath.startsWith(stylesDir));
@@ -8085,8 +8301,8 @@ var safeRemoveFromGraph = (graph, fullPath) => {
   const watchPaths = getWatchPaths(config, state.resolvedPaths);
   const stylesDir = state.resolvedPaths?.stylesDir;
   watchPaths.forEach((path) => {
-    const absolutePath = resolve20(path).replace(/\\/g, "/");
-    if (!existsSync19(absolutePath)) {
+    const absolutePath = resolve21(path).replace(/\\/g, "/");
+    if (!existsSync20(absolutePath)) {
       return;
     }
     const isStylesDir = Boolean(stylesDir && absolutePath.startsWith(stylesDir));
@@ -8100,13 +8316,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 +8338,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 +8359,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 +8368,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 +8393,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(() => {}));
@@ -8207,8 +8423,8 @@ var init_assetStore = __esm(() => {
 });
 
 // src/islands/pageMetadata.ts
-import { readFileSync as readFileSync11 } from "fs";
-import { dirname as dirname11, resolve as resolve22 } from "path";
+import { readFileSync as readFileSync12 } from "fs";
+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 +8443,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 +8463,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 source = readFileSync12(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) => {
@@ -8279,10 +8495,10 @@ var init_pageMetadata = __esm(() => {
 });
 
 // src/dev/fileHashTracker.ts
-import { readFileSync as readFileSync12 } from "fs";
+import { readFileSync as readFileSync13 } from "fs";
 var computeFileHash = (filePath) => {
   try {
-    const fileContent = readFileSync12(filePath);
+    const fileContent = readFileSync13(filePath);
     return Number(Bun.hash(fileContent));
   } catch {
     return UNFOUND_INDEX;
@@ -8300,9 +8516,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 +8530,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 +8540,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 +8576,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 +9516,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 +9536,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;
@@ -9839,8 +10055,8 @@ __export(exports_moduleServer, {
   createModuleServer: () => createModuleServer,
   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 { existsSync as existsSync21, readFileSync as readFileSync14, statSync as statSync2 } from "fs";
+import { basename as basename12, dirname as dirname14, extname as extname6, resolve as resolve27, relative as relative11 } 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 +10076,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) => existsSync21(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 +10091,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,18 +10103,18 @@ ${stubs}
     return base;
   }
 }, resolveRelativeImport = (relPath, fileDir, projectRoot, extensions) => {
-  const absPath = resolve26(fileDir, relPath);
-  const rel = relative10(projectRoot, absPath);
+  const absPath = resolve27(fileDir, relPath);
+  const rel = relative11(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 = relative11(projectRoot, resolveSvelteModulePath(resolve27(projectRoot, srcPath)));
   }
   return srcUrl(srcPath, projectRoot);
 }, resolveAbsoluteSpecifier = (specifier, projectRoot) => {
   try {
     const target = resolvePackageImport(specifier, ["browser", "import"]) ?? Bun.resolveSync(specifier, projectRoot);
-    return relative10(projectRoot, target);
+    return relative11(projectRoot, target);
   } catch {
     return;
   }
@@ -9931,20 +10147,20 @@ ${stubs}
   result = result.replace(/(import\s*["'])(\.\.?\/[^"']+)(["']\s*;?)/g, (_match, prefix, relPath, suffix) => `${prefix}${resolveRelativeImport(relPath, fileDir, projectRoot, SIDE_EFFECT_EXTENSIONS)}${suffix}`);
   result = result.replace(/((?:from|import)\s*["'])(\/[^"']+\.(tsx?|jsx?|ts))(["'])/g, (_match, prefix, absPath, _ext, suffix) => {
     if (absPath.startsWith(projectRoot)) {
-      const rel2 = relative10(projectRoot, absPath).replace(/\\/g, "/");
+      const rel2 = relative11(projectRoot, absPath).replace(/\\/g, "/");
       return `${prefix}${srcUrl(rel2, projectRoot)}${suffix}`;
     }
-    const rel = relative10(projectRoot, absPath).replace(/\\/g, "/");
+    const rel = relative11(projectRoot, absPath).replace(/\\/g, "/");
     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 rel = relative10(projectRoot, absPath);
+    const absPath = resolve27(fileDir, relPath);
+    const rel = relative11(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 rel = relative10(projectRoot, absPath);
+    const absPath = resolve27(fileDir, relPath);
+    const rel = relative11(projectRoot, absPath);
     return `'${srcUrl(rel, projectRoot)}'`;
   });
   return result;
@@ -9972,7 +10188,7 @@ ${stubs}
 `)}
 ${code}`;
 }, reactTranspilerOptions, reactTranspiler, transformReactFile = (filePath, projectRoot, rewriter) => {
-  const raw = readFileSync13(filePath, "utf-8");
+  const raw = readFileSync14(filePath, "utf-8");
   const valueExports = tsxTranspiler.scan(raw).exports;
   let transpiled = reactTranspiler.transformSync(raw);
   transpiled = preserveTypeExports(raw, transpiled, valueExports);
@@ -9983,12 +10199,12 @@ ${code}`;
   transpiled = `var $RefreshReg$ = window.$RefreshReg$ || function(){};
 ` + `var $RefreshSig$ = window.$RefreshSig$ || function(){ return function(t){ return t; }; };
 ${transpiled}`;
-  const relPath = relative10(projectRoot, filePath).replace(/\\/g, "/");
+  const relPath = relative11(projectRoot, filePath).replace(/\\/g, "/");
   transpiled = transpiled.replace(/\binput\.tsx:/g, `${relPath}:`);
   transpiled += buildIslandMetadataExports(raw);
   return rewriteImports2(transpiled, filePath, projectRoot, rewriter);
 }, transformPlainFile = (filePath, projectRoot, rewriter, vueDir) => {
-  const raw = readFileSync13(filePath, "utf-8");
+  const raw = readFileSync14(filePath, "utf-8");
   const ext = extname6(filePath);
   const isTS = ext === ".ts" || ext === ".tsx";
   const isTSX = ext === ".tsx" || ext === ".jsx";
@@ -10134,24 +10350,24 @@ ${code}`;
   if (compiled.css?.code) {
     const cssPath = `${filePath}.css`;
     svelteExternalCss.set(cssPath, compiled.css.code);
-    const cssUrl = srcUrl(relative10(projectRoot, cssPath), projectRoot);
+    const cssUrl = srcUrl(relative11(projectRoot, cssPath), projectRoot);
     code = `import "${cssUrl}";
 ${code}`;
   }
-  const moduleUrl = `${SRC_PREFIX}${relative10(projectRoot, filePath).replace(/\\/g, "/")}`;
+  const moduleUrl = `${SRC_PREFIX}${relative11(projectRoot, filePath).replace(/\\/g, "/")}`;
   code = code.replace(/if\s*\(import\.meta\.hot\)\s*\{/, `if (typeof window !== "undefined") {
 ` + `  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) => {
-  const raw = readFileSync13(filePath, "utf-8");
+}, transformSvelteFile = async (filePath, projectRoot, rewriter, stylePreprocessors) => {
+  const raw = readFileSync14(filePath, "utf-8");
   if (!svelteCompiler) {
     svelteCompiler = await import("svelte/compiler");
   }
   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 +10394,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,8 +10417,8 @@ export default __script__;`;
   ].join("");
   return `${cssInjection}
 ${code}`;
-}, transformVueFile = async (filePath, projectRoot, rewriter, vueDir) => {
-  const raw = readFileSync13(filePath, "utf-8");
+}, transformVueFile = async (filePath, projectRoot, rewriter, vueDir, stylePreprocessors) => {
+  const raw = readFileSync14(filePath, "utf-8");
   if (!vueCompiler) {
     vueCompiler = await import("@vue/compiler-sfc");
   }
@@ -10214,13 +10430,13 @@ ${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 hmrId = relative10(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
+  const hmrBase = vueDir ? resolve27(vueDir) : projectRoot;
+  const hmrId = relative11(hmrBase, filePath).replace(/\\/g, "/").replace(/\.vue$/, "");
   let result = code.replace(/export\s+default\s+/, "var __hmr_comp__ = ");
   result += [
     "",
@@ -10234,11 +10450,11 @@ ${code}`;
 `);
   return result;
 }, resolveSvelteModulePath = (path) => {
-  if (existsSync20(path))
+  if (existsSync21(path))
     return path;
-  if (existsSync20(`${path}.ts`))
+  if (existsSync21(`${path}.ts`))
     return `${path}.ts`;
-  if (existsSync20(`${path}.js`))
+  if (existsSync21(`${path}.js`))
     return `${path}.js`;
   return path;
 }, jsResponse = (body) => {
@@ -10251,7 +10467,7 @@ ${code}`;
     }
   });
 }, handleCssRequest = (filePath) => {
-  const raw = readFileSync13(filePath, "utf-8");
+  const raw = readFileSync14(filePath, "utf-8");
   const escaped = raw.replace(/\\/g, "\\\\").replace(/`/g, "\\`").replace(/\$/g, "\\$");
   return [
     `const style = document.createElement('style');`,
@@ -10378,20 +10594,20 @@ 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) };
   if (ext)
     return { ext, filePath };
-  const found = MODULE_EXTENSIONS.find((candidate) => existsSync20(filePath + candidate));
+  const found = MODULE_EXTENSIONS.find((candidate) => existsSync21(filePath + candidate));
   if (!found)
     return { ext, filePath };
   const resolved = filePath + found;
   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 +10615,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 +10642,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 +10652,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 +10668,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 +10691,7 @@ var init_moduleServer = __esm(() => {
   init_constants();
   init_resolvePackageImport();
   init_sourceMetadata();
+  init_stylePreprocessor();
   init_lowerAwaitSlotSyntax();
   init_lowerIslandSyntax();
   init_transformCache();
@@ -10532,11 +10749,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 +10779,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;
@@ -10588,8 +10805,8 @@ var handleHTMXUpdate = async (htmxFilePath) => {
 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 { existsSync as existsSync22 } from "fs";
+import { basename as basename13, dirname as dirname15, relative as relative12, resolve as resolve30 } from "path";
 var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseErrorLocationFromMessage = (msg) => {
   const pathLineCol = msg.match(/^([^\s:]+):(\d+)(?::(\d+))?/);
   if (pathLineCol) {
@@ -10657,11 +10874,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     detectedFw = detected !== "ignored" ? detected : affectedFrameworks[0];
   }
   return { ...parsed, framework: detectedFw };
-}, isValidDeletedAffectedFile = (affectedFile, deletedPathResolved, processedFiles) => affectedFile !== deletedPathResolved && !processedFiles.has(affectedFile) && existsSync21(affectedFile), collectDeletedFileAffected = (state, filePathInSet, processedFiles, validFiles) => {
+}, isValidDeletedAffectedFile = (affectedFile, deletedPathResolved, processedFiles) => affectedFile !== deletedPathResolved && !processedFiles.has(affectedFile) && existsSync22(affectedFile), collectDeletedFileAffected = (state, filePathInSet, processedFiles, validFiles) => {
   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);
@@ -10675,7 +10892,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     if (!dependents || dependents.size === 0) {
       return;
     }
-    const dependentFiles = Array.from(dependents).filter((file3) => existsSync21(file3));
+    const dependentFiles = Array.from(dependents).filter((file3) => existsSync22(file3));
     if (dependentFiles.length === 0) {
       return;
     }
@@ -10691,7 +10908,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   try {
     const affectedFiles = getAffectedFiles(state.dependencyGraph, normalizedFilePath);
     affectedFiles.forEach((affectedFile) => {
-      if (!processedFiles.has(affectedFile) && affectedFile !== normalizedFilePath && existsSync21(affectedFile)) {
+      if (!processedFiles.has(affectedFile) && affectedFile !== normalizedFilePath && existsSync22(affectedFile)) {
         validFiles.push(affectedFile);
         processedFiles.add(affectedFile);
       }
@@ -10705,7 +10922,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);
@@ -10716,7 +10933,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   collectChangedFileAffected(state, normalizedFilePath, processedFiles, validFiles);
 }, processFilePathSet = (state, filePathSet, processedFiles, validFiles) => {
   filePathSet.forEach((filePathInSet) => {
-    if (!existsSync21(filePathInSet)) {
+    if (!existsSync22(filePathInSet)) {
       collectDeletedFileAffected(state, filePathInSet, processedFiles, validFiles);
       return;
     }
@@ -10783,8 +11000,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   }
   if (framework === "unknown") {
     const { invalidate: invalidate2 } = (init_transformCache(), __toCommonJS(exports_transformCache));
-    invalidate2(resolve29(filePath));
-    const relPath = relative11(process.cwd(), filePath);
+    invalidate2(resolve30(filePath));
+    const relPath = relative12(process.cwd(), filePath);
     logHmrUpdate(relPath);
     return;
   }
@@ -10824,12 +11041,12 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
     return componentFile;
   }
   const tsCounterpart = componentFile.replace(/\.html$/, ".ts");
-  if (existsSync21(tsCounterpart)) {
+  if (existsSync22(tsCounterpart)) {
     return tsCounterpart;
   }
   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 +11055,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 +11064,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 +11114,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 +11157,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 +11169,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,8 +11186,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   return manifest;
 }, resolveReactEntryForPageFile = (normalized, pagesPathResolved, reactIndexesPath) => {
   const pageName = basename13(normalized, ".tsx");
-  const indexPath = resolve29(reactIndexesPath, `${pageName}.tsx`);
-  if (!existsSync21(indexPath)) {
+  const indexPath = resolve30(reactIndexesPath, `${pageName}.tsx`);
+  if (!existsSync22(indexPath)) {
     return;
   }
   return indexPath;
@@ -10979,13 +11198,13 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
       return;
     }
     const pageName = basename13(dep, ".tsx");
-    const indexPath = resolve29(reactIndexesPath, `${pageName}.tsx`);
-    if (existsSync21(indexPath) && !reactEntries.includes(indexPath)) {
+    const indexPath = resolve30(reactIndexesPath, `${pageName}.tsx`);
+    if (existsSync22(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 +11215,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 +11227,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 +11239,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 +11249,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,
@@ -11061,7 +11282,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
 }, getModuleUrl = async (pageFile) => {
   const { invalidateModule: invalidateModule2, warmCache: warmCache2, SRC_URL_PREFIX: SRC_URL_PREFIX2 } = await Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
   invalidateModule2(pageFile);
-  const rel = relative11(process.cwd(), pageFile).replace(/\\/g, "/");
+  const rel = relative12(process.cwd(), pageFile).replace(/\\/g, "/");
   const url = `${SRC_URL_PREFIX2}${rel}`;
   warmCache2(url);
   return url;
@@ -11070,11 +11291,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];
@@ -11093,7 +11314,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const pageModuleUrl = await getReactModuleUrl(broadcastTarget);
   if (pageModuleUrl) {
     const serverDuration = Date.now() - startTime;
-    state.lastHmrPath = relative11(process.cwd(), primaryFile).replace(/\\/g, "/");
+    state.lastHmrPath = relative12(process.cwd(), primaryFile).replace(/\\/g, "/");
     state.lastHmrFramework = "react";
     broadcastToClients(state, {
       data: {
@@ -11116,8 +11337,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 +11401,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 +11424,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 +11443,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 +11455,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 +11525,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 +11620,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 +11629,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 +11640,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 +11675,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 +11717,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) => {
@@ -11553,11 +11778,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, parseError
   const baseName = fileName.replace(/\.vue$/, "");
   const pascalName = toPascal(baseName);
   const vueRoot = config.vueDirectory;
-  const hmrId = vueRoot ? relative11(vueRoot, vuePagePath).replace(/\\/g, "/").replace(/\.vue$/, "") : baseName;
+  const hmrId = vueRoot ? relative12(vueRoot, vuePagePath).replace(/\\/g, "/").replace(/\.vue$/, "") : baseName;
   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 +12019,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 +12128,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);
@@ -12201,7 +12426,7 @@ var toSafeFileName5 = (specifier) => specifier.replace(/\//g, "_").replace(/@/g,
   return Array.from(specifiers).filter(isResolvable3);
 }, generateEntrySource2 = (specifier) => `export * from '${specifier}';
 `, rewriteVendorFiles = async (vendorDir) => {
-  const { readdirSync: readdirSync2, readFileSync: readFileSync14, writeFileSync: writeFileSync8 } = await import("fs");
+  const { readdirSync: readdirSync2, readFileSync: readFileSync15, writeFileSync: writeFileSync8 } = await import("fs");
   const { computeVendorPaths: computeVendorPaths2 } = await Promise.resolve().then(() => (init_buildReactVendor(), exports_buildReactVendor));
   const reactPaths = Object.entries(computeVendorPaths2());
   const rewriteContent = (content) => reactPaths.reduce((acc, [specifier, webPath]) => {
@@ -12212,7 +12437,7 @@ var toSafeFileName5 = (specifier) => specifier.replace(/\//g, "_").replace(/@/g,
   const files = readdirSync2(vendorDir).filter((f) => f.endsWith(".js"));
   for (const file3 of files) {
     const filePath = join22(vendorDir, file3);
-    const original = readFileSync14(filePath, "utf-8");
+    const original = readFileSync15(filePath, "utf-8");
     const rewritten = rewriteContent(original);
     if (rewritten !== original)
       writeFileSync8(filePath, rewritten);
@@ -12299,7 +12524,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 +12547,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 +12627,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 +12661,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 +12675,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 +12739,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 +12747,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 +12800,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 +12836,5 @@ export {
   build
 };
 
-//# debugId=EC4B4C99B57596EF64756E2164756E21
+//# debugId=E51CE14B6945493364756E2164756E21
 //# sourceMappingURL=build.js.map