@csszyx/unplugin 0.10.9 → 0.10.11

package/dist/shared/{unplugin.CyZkpgQK.cjs → unplugin.q0k37crS.cjs}

@@ -15,7 +15,7 @@ const unplugin$1 = require('unplugin');
 const cssMangler = require('../css-mangler.cjs');
 const htmlEscape = require('./unplugin.BCwRIUs_.cjs');
 const node_crypto = require('node:crypto');
-const transformCache = require('./unplugin.pmTknYLy.cjs');
+const transformCache = require('./unplugin.D32Rb29j.cjs');
 const postcss = require('postcss');
 const valueParser = require('postcss-value-parser');
 
@@ -1026,6 +1026,8 @@ const EMPTY_THEME = {
   colors: [],
   spacings: [],
   fonts: [],
+  textSizes: [],
+  fontWeights: [],
   radii: [],
   shadows: [],
   breakpoints: []
@@ -1095,7 +1097,12 @@ function categorizeProperty(prop) {
   const categoryMap = [
     ["color-", "colors"],
     ["spacing-", "spacings"],
+    // `font-weight-` MUST precede `font-`: startsWith would otherwise route
+    // `font-weight-chunky` into font FAMILIES as token "weight-chunky".
+    ["font-weight-", "fontWeights"],
     ["font-", "fonts"],
+    // `--text-*` defines font-size utilities (text-huge) in Tailwind v4.
+    ["text-", "textSizes"],
     ["radius-", "radii"],
     ["shadow-", "shadows"],
     ["breakpoint-", "breakpoints"]
@@ -1118,6 +1125,8 @@ function parseThemeBlocks(cssContent) {
     colors: /* @__PURE__ */ new Set(),
     spacings: /* @__PURE__ */ new Set(),
     fonts: /* @__PURE__ */ new Set(),
+    textSizes: /* @__PURE__ */ new Set(),
+    fontWeights: /* @__PURE__ */ new Set(),
     radii: /* @__PURE__ */ new Set(),
     shadows: /* @__PURE__ */ new Set(),
     breakpoints: /* @__PURE__ */ new Set()
@@ -1137,6 +1146,8 @@ function parseThemeBlocks(cssContent) {
     colors: htmlEscape.sortStrings(result.colors),
     spacings: htmlEscape.sortStrings(result.spacings),
     fonts: htmlEscape.sortStrings(result.fonts),
+    textSizes: htmlEscape.sortStrings(result.textSizes),
+    fontWeights: htmlEscape.sortStrings(result.fontWeights),
     radii: htmlEscape.sortStrings(result.radii),
     shadows: htmlEscape.sortStrings(result.shadows),
     breakpoints: htmlEscape.sortStrings(result.breakpoints)
@@ -1150,6 +1161,8 @@ function mergeThemes(themes) {
     colors: /* @__PURE__ */ new Set(),
     spacings: /* @__PURE__ */ new Set(),
     fonts: /* @__PURE__ */ new Set(),
+    textSizes: /* @__PURE__ */ new Set(),
+    fontWeights: /* @__PURE__ */ new Set(),
     radii: /* @__PURE__ */ new Set(),
     shadows: /* @__PURE__ */ new Set(),
     breakpoints: /* @__PURE__ */ new Set()
@@ -1165,6 +1178,8 @@ function mergeThemes(themes) {
     colors: htmlEscape.sortStrings(merged.colors),
     spacings: htmlEscape.sortStrings(merged.spacings),
     fonts: htmlEscape.sortStrings(merged.fonts),
+    textSizes: htmlEscape.sortStrings(merged.textSizes),
+    fontWeights: htmlEscape.sortStrings(merged.fontWeights),
     radii: htmlEscape.sortStrings(merged.radii),
     shadows: htmlEscape.sortStrings(merged.shadows),
     breakpoints: htmlEscape.sortStrings(merged.breakpoints)
@@ -1488,6 +1503,12 @@ function generateThemeDts(opts) {
   if (theme.fonts.length > 0) {
     entries.push(`        fonts: ${toUnion(theme.fonts)};`);
   }
+  if (theme.textSizes.length > 0) {
+    entries.push(`        textSizes: ${toUnion(theme.textSizes)};`);
+  }
+  if (theme.fontWeights.length > 0) {
+    entries.push(`        fontWeights: ${toUnion(theme.fontWeights)};`);
+  }
   if (theme.radii.length > 0) {
     entries.push(`        radii: ${toUnion(theme.radii)};`);
   }
@@ -1538,6 +1559,8 @@ function writeThemeDts(opts) {
 
 const VIRTUAL_MODULE_ID = "virtual:csszyx/mangle-map";
 const RESOLVED_VIRTUAL_MODULE_ID = `\0${VIRTUAL_MODULE_ID}`;
+const THEME_GROUPS_VIRTUAL_ID = "virtual:csszyx/theme-groups";
+const RESOLVED_THEME_GROUPS_VIRTUAL_ID = `\0${THEME_GROUPS_VIRTUAL_ID}`;
 const VIRTUAL_CHECKSUM_ID = "virtual:csszyx/checksum";
 const RESOLVED_VIRTUAL_CHECKSUM_ID = `\0${VIRTUAL_CHECKSUM_ID}`;
 function createMangleMapModule(mangleMap, checksum, varMangleMap = {}, cssVarMetrics = null) {
@@ -1578,7 +1601,7 @@ export default checksum;
 `;
 }
 function isVirtualModule(id) {
-  return id === VIRTUAL_MODULE_ID || id === VIRTUAL_CHECKSUM_ID;
+  return id === VIRTUAL_MODULE_ID || id === VIRTUAL_CHECKSUM_ID || id === THEME_GROUPS_VIRTUAL_ID;
 }
 function resolveVirtualModule(id) {
   if (id === VIRTUAL_MODULE_ID) {
@@ -1587,8 +1610,25 @@ function resolveVirtualModule(id) {
   if (id === VIRTUAL_CHECKSUM_ID) {
     return RESOLVED_VIRTUAL_CHECKSUM_ID;
   }
+  if (id === THEME_GROUPS_VIRTUAL_ID) {
+    return RESOLVED_THEME_GROUPS_VIRTUAL_ID;
+  }
   return void 0;
 }
+function createThemeGroupsModule(tokens) {
+  const payload = JSON.stringify({
+    colors: tokens.colors,
+    textSizes: tokens.textSizes,
+    fontFamilies: tokens.fontFamilies,
+    fontWeights: tokens.fontWeights
+  });
+  return [
+    "// Auto-generated by csszyx from the @theme blocks in scanned CSS.",
+    "import { registerSzcnGroups } from '@csszyx/runtime';",
+    `registerSzcnGroups(${payload});`,
+    "export {};"
+  ].join("\n");
+}
 
 const CHECKSUM_PLACEHOLDER = "___CSSZYX_CHECKSUM___";
 const MANGLE_MAP_PLACEHOLDER = "___CSSZYX_MANGLE_MAP___";
@@ -1597,6 +1637,7 @@ const UNKNOWN_PACKAGE_VERSION = "0.0.0";
 const TRANSFORM_CACHE_MAX_AGE_MS = 30 * 24 * 60 * 60 * 1e3;
 const TRANSFORM_CACHE_MAX_ENTRIES = 1e4;
 const TRANSFORM_MEMORY_CACHE_MAX_ENTRIES = 1e3;
+const TRANSFORM_MEMORY_CACHE_MAX_CODE_CHARS = 32e6;
 const MAX_SAFELIST_CLASSES = 1e5;
 const DEFAULT_VAR_MANGLE_MAP_MAX_BYTES = 100 * 1024;
 const GLOBAL_VAR_ALIAS_MAP_OWNER = "\0csszyx:global-var-aliases";
@@ -1609,11 +1650,11 @@ const RUNTIME_HELPER_IMPORT_RE = {
 let _hasWarnedTsConfig = false;
 let _hasWarnedTransformCacheVersion = false;
 let _hasWarnedNativeFallback = false;
-let _hasLoggedActiveParser = false;
+const _loggedActiveParsers = /* @__PURE__ */ new Set();
 const _babelFallbackFiles = /* @__PURE__ */ new Set();
-const requireFromHere = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.CyZkpgQK.cjs', document.baseURI).href)));
+const requireFromHere = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.q0k37crS.cjs', document.baseURI).href)));
 const PLUGIN_VERSION = findPackageVersionFromFile(
-  node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.CyZkpgQK.cjs', document.baseURI).href))),
+  node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('shared/unplugin.q0k37crS.cjs', document.baseURI).href))),
   UNKNOWN_PACKAGE_VERSION
 );
 const COMPILER_VERSION = findPackageVersionFromModule("@csszyx/compiler", UNKNOWN_PACKAGE_VERSION);
@@ -1817,7 +1858,10 @@ function isHardIgnoredPath(id, sourceDirs = []) {
   return false;
 }
 function fileMayContainSafelistableSz(content) {
-  return content.includes("sz=") || content.includes("sz:") || content.includes("szv(");
+  return content.includes("sz=") || content.includes("szs=") || content.includes("sz:") || content.includes("szv(") || content.includes("szr(") || // dynamic() literal args are extracted for the safelist, but a module
+  // containing ONLY dynamic() calls never passed this gate — the
+  // engine-parity harness caught its classes missing on all engines.
+  content.includes("dynamic(");
 }
 function isPackagesSkippedSource(id, sourceDirs = []) {
   const p = normalizeForMatch(id);
@@ -1869,6 +1913,9 @@ function recordFileVarMangleEntries(state, filename, entries) {
   }
   state.varMangleMap = buildVarMangleMap(state.varMangleEntriesByFile);
 }
+function shouldTrackGlobalVarSources(config) {
+  return config?.enabled === true;
+}
 function recordGlobalVarSourceFile(state, filename, code) {
   const normalizedFilename = normalizeSourceFilename(filename);
   if (!/\.[tj]sx?(?:\?.*)?$/.test(normalizedFilename)) {
@@ -2143,11 +2190,11 @@ function traceBenchTiming(label, filename, elapsedMs) {
 }
 function runThemeScan(rootDir, scanCss) {
   if (!scanCss) {
-    return;
+    return null;
   }
   const sourceFiles = expandFilePatterns(rootDir, scanCss).filter((file) => file.endsWith(".css"));
   if (sourceFiles.length === 0) {
-    return;
+    return null;
   }
   const themes = sourceFiles.map((f) => {
     try {
@@ -2187,6 +2234,7 @@ function runThemeScan(rootDir, scanCss) {
     } catch {
     }
   }
+  return merged;
 }
 function findPackageVersionFromModule(specifier, fallback) {
   try {
@@ -2425,6 +2473,16 @@ function mangleCodeClassesSync(code, mangleMap) {
     }
     return `${sep}${ws}"${mangled.join(" ")}"`;
   });
+  result = result.replace(/\bszs:\s*\{([^{}]*)\}/g, (whole, body) => {
+    const mangledBody = body.replace(
+      /"((?:[^"\\]|\\.)*)"/g,
+      (_m, inner) => `"${mangleClassString(inner)}"`
+    ).replace(
+      /'((?:[^'\\]|\\.)*)'/g,
+      (_m, inner) => `'${mangleClassString(inner)}'`
+    );
+    return whole.replace(body, mangledBody);
+  });
   return result;
 }
 function assertGlobalVarMangleConfig(options) {
@@ -2459,6 +2517,7 @@ function createCsszyxPlugins(options = {}) {
   const cacheEnabled = cacheRequested && cacheVersionsKnown;
   const varMangleMapMaxBytes = resolveVarMangleMapMaxBytes();
   const globalVarMangleConfig = options.production?.mangleGlobalVars;
+  const globalVarSourceTrackingEnabled = shouldTrackGlobalVarSources(globalVarMangleConfig);
   const globalVarAliasPrefix = globalVarMangleConfig?.aliasPrefix ?? types.CSSZYX_GLOBAL_ALIAS_PREFIX;
   const encodedGlobalVarAliasPrefix = encodeURIComponent(globalVarAliasPrefix);
   const earlyGlobalVarAliasEntries = createEarlyGlobalVarAliasEntries(
@@ -2484,21 +2543,25 @@ function createCsszyxPlugins(options = {}) {
     defaultParser: types.DEFAULT_BUILD_CONFIG.parser ?? "rust",
     isRustAvailable: compiler.isRustTransformAvailable
   });
-  if (parserDegraded && !_hasWarnedNativeFallback) {
-    _hasWarnedNativeFallback = true;
-    console.warn(
-      "[csszyx] No prebuilt native binary (@csszyx/core-*) is available for this platform, so the default `rust` parser fell back to `oxc`. Output classes are identical (parity-tested); only parse speed differs. To use the native engine, install the matching @csszyx/core-<platform> package (or do not omit optional dependencies). Set `build.parser` explicitly to silence this."
-    );
-  }
-  if (!_hasLoggedActiveParser) {
-    _hasLoggedActiveParser = true;
-    const detail = parserDegraded ? "oxc (degraded from default `rust`: no native binary for this platform)" : parserMode === "rust" ? "rust (native engine)" : parserMode;
-    console.warn(`[csszyx] active parser: ${detail}`);
+  function announceActiveParser() {
+    if (parserDegraded && !_hasWarnedNativeFallback) {
+      _hasWarnedNativeFallback = true;
+      console.warn(
+        "[csszyx] No prebuilt native binary (@csszyx/core-*) is available for this platform, so the default `rust` parser fell back to `oxc`. Output classes are identical (parity-tested); only parse speed differs. To use the native engine, install the matching @csszyx/core-<platform> package (or do not omit optional dependencies). Set `build.parser` explicitly to silence this."
+      );
+    }
+    if (!_loggedActiveParsers.has(parserMode)) {
+      _loggedActiveParsers.add(parserMode);
+      const detail = parserDegraded ? "oxc (degraded from default `rust`: no native binary for this platform)" : parserMode === "rust" ? "rust (native engine)" : parserMode;
+      console.warn(`[csszyx] active parser: ${detail}`);
+    }
   }
   let evictedCacheRoot = null;
   const transformMemoryCache = /* @__PURE__ */ new Map();
+  let transformMemoryCacheCodeChars = 0;
   const state = {
     classes: /* @__PURE__ */ new Set(),
+    parsedTheme: null,
     sawTailwindEntry: false,
     sawAnyCss: false,
     tailwindWarningEmitted: false,
@@ -2526,7 +2589,16 @@ function createCsszyxPlugins(options = {}) {
     state.varMangleEntriesByFile.set(GLOBAL_VAR_ALIAS_MAP_OWNER, earlyGlobalVarAliasEntries);
   }
   const SAFELIST_FILENAME = "csszyx-classes.html";
-  const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([".tsx", ".jsx", ".ts", ".js"]);
+  const SOURCE_EXTENSIONS = /* @__PURE__ */ new Set([
+    ".tsx",
+    ".jsx",
+    ".ts",
+    ".js",
+    ".mjs",
+    ".cjs",
+    ".mts",
+    ".cts"
+  ]);
   const IGNORE_DIRS = /* @__PURE__ */ new Set(["node_modules", ".next", ".git", "dist", "build", ".turbo"]);
   function isUserExcluded(id) {
     return matchesAnyPattern(id, options.exclude, state.rootDir);
@@ -2568,6 +2640,12 @@ function createCsszyxPlugins(options = {}) {
     assertGlobalVarPlanMatchesEarlyAliases(result, earlyGlobalVarAliasEntries);
     return result;
   }
+  function trackGlobalVarSourceFile(filename, code) {
+    if (!globalVarSourceTrackingEnabled) {
+      return;
+    }
+    recordGlobalVarSourceFile(state, filename, code);
+  }
   let compileSourceDirs = [];
   let compileSourceDirsRoot = null;
   function refreshCompileSourceDirs() {
@@ -2588,7 +2666,7 @@ function createCsszyxPlugins(options = {}) {
     return isHardIgnoredPath(id, compileSourceDirs);
   }
   function shouldProcessSource(id) {
-    return !isHardIgnored(id) && !isUserExcluded(id) && isUserIncluded(id) && (/\.[tj]sx?(\?.*)?$/.test(id) || id.endsWith(".vue") || id.endsWith(".svelte"));
+    return !isHardIgnored(id) && !isUserExcluded(id) && isUserIncluded(id) && (/\.([cm]?[tj]s|[tj]sx)(\?.*)?$/.test(id) || id.endsWith(".vue") || id.endsWith(".svelte"));
   }
   function shouldProcessCss(id) {
     return !isHardIgnored(id) && !isUserExcluded(id) && /\.css(\?.*)?$/.test(id);
@@ -2769,21 +2847,28 @@ function createCsszyxPlugins(options = {}) {
           filePath: file.filePath,
           result: transformConfiguredSource(file.content, file.filePath)
         });
-      } catch {
+      } catch (err) {
+        console.warn(
+          `[csszyx] prescan skipped ${file.filePath}: transform failed, so none of its classes reached the safelist. ${err instanceof Error ? err.message : String(err)}`
+        );
       }
     }
     return results;
   }
   function rememberTransformCacheEntry(key, result) {
-    transformMemoryCache.delete(key);
-    transformMemoryCache.set(key, result);
-    if (transformMemoryCache.size <= TRANSFORM_MEMORY_CACHE_MAX_ENTRIES) {
-      return;
-    }
-    const oldest = transformMemoryCache.keys().next().value;
-    if (oldest) {
-      transformMemoryCache.delete(oldest);
+    const existing = transformMemoryCache.get(key);
+    if (existing) {
+      transformMemoryCacheCodeChars -= existing.code.length;
+      transformMemoryCache.delete(key);
     }
+    transformMemoryCache.set(key, result);
+    transformMemoryCacheCodeChars += result.code.length;
+    transformMemoryCacheCodeChars = transformCache.evictMemoryCacheToBudget(
+      transformMemoryCache,
+      transformMemoryCacheCodeChars,
+      TRANSFORM_MEMORY_CACHE_MAX_ENTRIES,
+      TRANSFORM_MEMORY_CACHE_MAX_CODE_CHARS
+    );
   }
   function evictTransformCacheOnce() {
     if (!cacheEnabled) {
@@ -2841,7 +2926,7 @@ function createCsszyxPlugins(options = {}) {
     } catch {
       return;
     }
-    if (content.includes("sz=") || content.includes("sz:")) {
+    if (content.includes("sz=") || content.includes("szs=") || content.includes("sz:")) {
       state.skippedSzFiles.add(filePath);
     }
   }
@@ -2891,6 +2976,12 @@ function createCsszyxPlugins(options = {}) {
       scanDir(sourceDir);
     }
     for (const { filePath, result } of transformPrescanSources(prescanSources)) {
+      if (result.classes.size === 0 && result.rawClassNames.size === 0 && result.diagnostics.some((d) => d.includes("[csszyx] parse error in "))) {
+        console.warn(
+          `[csszyx] prescan skipped ${filePath}: the file failed to parse, so none of its classes reached the safelist. Fix the syntax error (or check the file extension matches its contents).`
+        );
+        continue;
+      }
       if (!result.transformed && result.classes.size === 0) {
         continue;
       }
@@ -3081,7 +3172,7 @@ function createCsszyxPlugins(options = {}) {
        * @returns true only for csszyx virtual modules
        */
       loadInclude(id) {
-        return id === RESOLVED_VIRTUAL_MODULE_ID || id === RESOLVED_VIRTUAL_CHECKSUM_ID;
+        return id === RESOLVED_VIRTUAL_MODULE_ID || id === RESOLVED_VIRTUAL_CHECKSUM_ID || id === RESOLVED_THEME_GROUPS_VIRTUAL_ID;
       },
       /**
        * Loads virtual module content — generates mangle map or checksum module code.
@@ -3102,6 +3193,15 @@ function createCsszyxPlugins(options = {}) {
           finalizeMangleMap();
           return createChecksumModule(state.checksum);
         }
+        if (id === RESOLVED_THEME_GROUPS_VIRTUAL_ID) {
+          const theme = state.parsedTheme;
+          return createThemeGroupsModule({
+            colors: theme?.colors ?? [],
+            textSizes: theme?.textSizes ?? [],
+            fontFamilies: theme?.fonts ?? [],
+            fontWeights: theme?.fontWeights ?? []
+          });
+        }
         return null;
       },
       /**
@@ -3124,11 +3224,12 @@ function createCsszyxPlugins(options = {}) {
        * @returns transformed code with source map, or null if no changes were made
        */
       transform(code, id) {
+        announceActiveParser();
         if (!shouldProcessCss(id) && !shouldProcessSource(id)) {
           return null;
         }
         if (shouldProcessSource(id)) {
-          recordGlobalVarSourceFile(state, id, code);
+          trackGlobalVarSourceFile(id, code);
         }
         if (/\.[tj]sx?(\?.*)?$/.test(id)) {
           assertNoRSCBoundaryViolation(code, id);
@@ -3160,7 +3261,7 @@ function createCsszyxPlugins(options = {}) {
         let usesColorVar = false;
         let transformed = false;
         let szClasses;
-        const hasSzProp = code.includes("sz=") || /\bsz\s*:\s*["'{]/.test(code) || code.includes('sz: "');
+        const hasSzProp = code.includes("sz=") || code.includes("szs=") || /\bsz\s*:\s*["'{]/.test(code) || code.includes('sz: "');
         if (hasSzProp) {
           if (id.endsWith(".vue")) {
             const result = vueAdapter.preprocess(code, options);
@@ -3258,6 +3359,11 @@ function createCsszyxPlugins(options = {}) {
             transformed = true;
           }
         }
+        if (/\bszcn\s*\(/.test(code) && !transformedCode.includes(THEME_GROUPS_VIRTUAL_ID) && shouldProcessSource(id)) {
+          transformedCode = `import '${THEME_GROUPS_VIRTUAL_ID}';
+${transformedCode}`;
+          transformed = true;
+        }
         if (/\.[tj]sx?(\?.*)?$/.test(id)) {
           assertNoRSCBoundaryViolation(transformedCode, id);
           const record = createRSCModuleRecord(transformedCode, id);
@@ -3334,13 +3440,14 @@ function createCsszyxPlugins(options = {}) {
        */
       webpack(compiler) {
         compiler.hooks.beforeCompile.tap("csszyx:prescan", () => {
+          announceActiveParser();
           const root = compiler.context || process.cwd();
           state.rootDir = root;
           evictTransformCacheOnce();
           if (state.classes.size === 0) {
             prescanAndWriteClasses();
           }
-          runThemeScan(root, options.build?.scanCss);
+          state.parsedTheme = runThemeScan(root, options.build?.scanCss) ?? state.parsedTheme;
         });
         if (options.build?.scanCss) {
           compiler.hooks.thisCompilation.tap("csszyx:theme-deps", (compilation) => {
@@ -3358,6 +3465,7 @@ function createCsszyxPlugins(options = {}) {
          * @param config - the resolved Vite configuration object
          */
         configResolved(config) {
+          announceActiveParser();
           const root = config.root || process.cwd();
           state.rootDir = root;
           if (config.command === "serve") {
@@ -3365,7 +3473,7 @@ function createCsszyxPlugins(options = {}) {
           }
           evictTransformCacheOnce();
           prescanAndWriteClasses();
-          runThemeScan(root, options.build?.scanCss);
+          state.parsedTheme = runThemeScan(root, options.build?.scanCss) ?? state.parsedTheme;
         },
         /**
          * Vite HMR hook: re-runs theme scan when a watched CSS file changes,
@@ -3377,7 +3485,13 @@ function createCsszyxPlugins(options = {}) {
           if (scanCss) {
             const root = ctx.server.config.root || process.cwd();
             if (matchesAnyPattern(ctx.file, scanCss, root)) {
-              runThemeScan(root, scanCss);
+              state.parsedTheme = runThemeScan(root, scanCss) ?? state.parsedTheme;
+              const themeGroupsModule = ctx.server.moduleGraph.getModuleById(
+                RESOLVED_THEME_GROUPS_VIRTUAL_ID
+              );
+              if (themeGroupsModule) {
+                ctx.server.moduleGraph.invalidateModule(themeGroupsModule);
+              }
             }
           }
           if (!shouldProcessSource(ctx.file)) {
@@ -3389,8 +3503,8 @@ function createCsszyxPlugins(options = {}) {
           } catch {
             return;
           }
-          if (!fileContent.includes("sz=") && !/\bsz\s*:\s*["'{]/.test(fileContent)) {
-            recordGlobalVarSourceFile(state, ctx.file, fileContent);
+          if (!fileContent.includes("sz=") && !fileContent.includes("szs=") && !/\bsz\s*:\s*["'{]/.test(fileContent)) {
+            trackGlobalVarSourceFile(ctx.file, fileContent);
             recordFileVarMangleEntries(state, ctx.file, []);
             recordFileCSSVariableMetrics(state, ctx.file, null);
             return;
@@ -3404,19 +3518,19 @@ function createCsszyxPlugins(options = {}) {
               node_perf_hooks.performance.now() - hmrTransformStarted
             );
           } catch {
-            recordGlobalVarSourceFile(state, ctx.file, fileContent);
+            trackGlobalVarSourceFile(ctx.file, fileContent);
             recordFileVarMangleEntries(state, ctx.file, []);
             recordFileCSSVariableMetrics(state, ctx.file, null);
             return;
           }
           if (!result.transformed) {
-            recordGlobalVarSourceFile(state, ctx.file, fileContent);
+            trackGlobalVarSourceFile(ctx.file, fileContent);
             recordFileVarMangleEntries(state, ctx.file, []);
             recordFileCSSVariableMetrics(state, ctx.file, null);
             return;
           }
           const sizeBefore = state.classes.size;
-          recordGlobalVarSourceFile(state, ctx.file, fileContent);
+          trackGlobalVarSourceFile(ctx.file, fileContent);
           for (const cls of result.classes) {
             addSafelistClass(cls);
             state.ownedClasses.add(cls);
@@ -3836,6 +3950,7 @@ exports.normalizeGlobalVarAliasesForCache = normalizeGlobalVarAliasesForCache;
 exports.parseThemeBlocks = parseThemeBlocks;
 exports.planGlobalVarAliases = planGlobalVarAliases;
 exports.readGlobalVarScanCache = readGlobalVarScanCache;
+exports.recordGlobalVarSourceFile = recordGlobalVarSourceFile;
 exports.resolveCompileSourceDirs = resolveCompileSourceDirs;
 exports.resolveGlobalVarScanCacheDir = resolveGlobalVarScanCacheDir;
 exports.resolveNativeCacheIdentity = resolveNativeCacheIdentity;
@@ -3843,6 +3958,7 @@ exports.rewriteGlobalVarCssAliases = rewriteGlobalVarCssAliases;
 exports.rollupPlugin = rollupPlugin;
 exports.scanGlobalVarCss = scanGlobalVarCss;
 exports.shouldEmitWarning = shouldEmitWarning;
+exports.shouldTrackGlobalVarSources = shouldTrackGlobalVarSources;
 exports.shouldWarnMissingTailwindEntry = shouldWarnMissingTailwindEntry;
 exports.shouldWarnUnscopedMonorepo = shouldWarnUnscopedMonorepo;
 exports.skippedSzFilesMessage = skippedSzFilesMessage;

package/dist/vite.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const unplugin = require('./shared/unplugin.CyZkpgQK.cjs');
+const unplugin = require('./shared/unplugin.q0k37crS.cjs');
 require('node:fs');
 require('node:module');
 require('node:path');
@@ -20,7 +20,7 @@ require('postcss');
 require('postcss-selector-parser');
 require('./shared/unplugin.BCwRIUs_.cjs');
 require('node:crypto');
-require('./shared/unplugin.pmTknYLy.cjs');
+require('./shared/unplugin.D32Rb29j.cjs');
 require('postcss-value-parser');
 
 

package/dist/vite.d.cts

@@ -1,4 +1,4 @@
-import { W as vitePlugin } from './shared/unplugin.CK6U5gAP.cjs';
+import { ab as vitePlugin } from './shared/unplugin.D3qsS8Pe.cjs';
 import '@csszyx/compiler';
 import '@csszyx/types';
 import 'esbuild';

package/dist/vite.d.mts

@@ -1,4 +1,4 @@
-import { W as vitePlugin } from './shared/unplugin.CK6U5gAP.mjs';
+import { ab as vitePlugin } from './shared/unplugin.D3qsS8Pe.mjs';
 import '@csszyx/compiler';
 import '@csszyx/types';
 import 'esbuild';

package/dist/vite.mjs

@@ -1,4 +1,4 @@
-import { W as vitePlugin } from './shared/unplugin.BAOVOPKJ.mjs';
+import { Y as vitePlugin } from './shared/unplugin.CiSDltfp.mjs';
 import 'node:fs';
 import 'node:module';
 import 'node:path';
@@ -16,7 +16,7 @@ import 'postcss';
 import 'postcss-selector-parser';
 import './shared/unplugin.B1mblcm-.mjs';
 import 'node:crypto';
-import './shared/unplugin.BpWUtI9U.mjs';
+import './shared/unplugin.CGqFVGlB.mjs';
 import 'postcss-value-parser';
 
 

package/dist/webpack.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const unplugin = require('./shared/unplugin.CyZkpgQK.cjs');
+const unplugin = require('./shared/unplugin.q0k37crS.cjs');
 require('node:fs');
 require('node:module');
 require('node:path');
@@ -20,7 +20,7 @@ require('postcss');
 require('postcss-selector-parser');
 require('./shared/unplugin.BCwRIUs_.cjs');
 require('node:crypto');
-require('./shared/unplugin.pmTknYLy.cjs');
+require('./shared/unplugin.D32Rb29j.cjs');
 require('postcss-value-parser');
 
 

package/dist/webpack.d.cts

@@ -1,4 +1,4 @@
-import { X as webpackPlugin } from './shared/unplugin.CK6U5gAP.cjs';
+import { ac as webpackPlugin } from './shared/unplugin.D3qsS8Pe.cjs';
 import '@csszyx/compiler';
 import '@csszyx/types';
 import 'esbuild';

package/dist/webpack.d.mts

@@ -1,4 +1,4 @@
-import { X as webpackPlugin } from './shared/unplugin.CK6U5gAP.mjs';
+import { ac as webpackPlugin } from './shared/unplugin.D3qsS8Pe.mjs';
 import '@csszyx/compiler';
 import '@csszyx/types';
 import 'esbuild';

package/dist/webpack.mjs

@@ -1,4 +1,4 @@
-import { X as webpackPlugin } from './shared/unplugin.BAOVOPKJ.mjs';
+import { Z as webpackPlugin } from './shared/unplugin.CiSDltfp.mjs';
 import 'node:fs';
 import 'node:module';
 import 'node:path';
@@ -16,7 +16,7 @@ import 'postcss';
 import 'postcss-selector-parser';
 import './shared/unplugin.B1mblcm-.mjs';
 import 'node:crypto';
-import './shared/unplugin.BpWUtI9U.mjs';
+import './shared/unplugin.CGqFVGlB.mjs';
 import 'postcss-value-parser';
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/unplugin",
-  "version": "0.10.9",
+  "version": "0.10.11",
   "description": "Vite and Webpack integration for csszyx",
   "keywords": [
     "csszyx",
@@ -117,14 +117,14 @@
     "postcss-value-parser": "^4.2.0",
     "proper-lockfile": "^4.1.2",
     "unplugin": "^1.10.1",
-    "@csszyx/compiler": "0.10.9",
-    "@csszyx/core": "0.10.9",
-    "@csszyx/svelte-adapter": "0.10.9",
-    "@csszyx/vue-adapter": "0.10.9",
-    "@csszyx/types": "0.10.9"
+    "@csszyx/compiler": "0.10.11",
+    "@csszyx/core": "0.10.11",
+    "@csszyx/types": "0.10.11",
+    "@csszyx/vue-adapter": "0.10.11",
+    "@csszyx/svelte-adapter": "0.10.11"
   },
   "peerDependencies": {
-    "@csszyx/runtime": "^0.10.9"
+    "@csszyx/runtime": "^0.10.11"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",