@csszyx/unplugin 0.11.5 → 0.11.7

package/dist/shared/{unplugin.CP2cz9bA.cjs → unplugin.ByAzFdqO.cjs}

@@ -16,7 +16,7 @@ const unplugin$1 = require('unplugin');
 const cssMangler = require('../css-mangler.cjs');
 const htmlEscape = require('./unplugin.BCwRIUs_.cjs');
 const runtimeImportScan = require('./unplugin.Rov-j_Wm.cjs');
-const transformCache = require('./unplugin.D0N9bprz.cjs');
+const transformCache = require('./unplugin.D8vSG36M.cjs');
 const postcss = require('postcss');
 const valueParser = require('postcss-value-parser');
 
@@ -635,6 +635,27 @@ function walkRSCGraph(current, records, chain, seen) {
   }
   return null;
 }
+function findDirectiveQuoteEnd(code, start, quote) {
+  let escaped = false;
+  for (let index = start + 1; index < code.length; index++) {
+    const char = code[index];
+    if (escaped) {
+      escaped = false;
+    } else if (char === "\\") {
+      escaped = true;
+    } else if (char === quote) {
+      return index;
+    }
+  }
+  return -1;
+}
+function findDirectiveStatementEnd(code, start) {
+  let end = start;
+  while (end < code.length && /[ \t\r\n]/.test(code[end])) {
+    end++;
+  }
+  return code[end] === ";" ? end + 1 : end;
+}
 function readDirectivePrologue(code) {
   const out = [];
   let i = code.charCodeAt(0) === 65279 ? 1 : 0;
@@ -644,29 +665,11 @@ function readDirectivePrologue(code) {
     if (quote !== '"' && quote !== "'") {
       break;
     }
-    let j = i + 1;
-    let escaped = false;
-    while (j < code.length) {
-      const ch = code[j];
-      if (escaped) {
-        escaped = false;
-      } else if (ch === "\\") {
-        escaped = true;
-      } else if (ch === quote) {
-        break;
-      }
-      j++;
-    }
-    if (j >= code.length) {
+    const quoteEnd = findDirectiveQuoteEnd(code, i, quote);
+    if (quoteEnd === -1) {
       break;
     }
-    let end = j + 1;
-    while (end < code.length && /[ \t\r\n]/.test(code[end])) {
-      end++;
-    }
-    if (code[end] === ";") {
-      end++;
-    }
+    const end = findDirectiveStatementEnd(code, quoteEnd + 1);
     out.push(code.slice(i, end).trim());
     i = end;
   }
@@ -1002,33 +1005,34 @@ function pruneRSCModulePathCaches(moduleIds) {
     }
   }
 }
-function readImportedSymbols(clause) {
-  const symbols = [];
+function readNamedImportedSymbols(clause) {
   const openBrace = clause.indexOf("{");
   const closeBrace = openBrace === -1 ? -1 : clause.indexOf("}", openBrace);
-  if (openBrace !== -1 && closeBrace !== -1) {
-    const namedPart = clause.slice(openBrace + 1, closeBrace);
-    for (const part of namedPart.split(",")) {
-      const trimmed = part.trim();
-      if (!trimmed || trimmed.startsWith("type ")) {
-        continue;
-      }
-      const sourceName = trimmed.replace(/^type[ \t]+/, "").split(/(?<![ \t])[ \t]+as[ \t]+/)[0]?.trim();
-      if (sourceName) {
-        symbols.push(sourceName);
-      }
-    }
-  }
-  const namespaceParts = splitAsciiWhitespace(clause);
-  if (namespaceParts.length >= 3 && namespaceParts[0] === "*" && namespaceParts[1] === "as" && isIdentifier(namespaceParts[2] ?? "")) {
-    symbols.push(...FORBIDDEN_SYMBOLS);
+  if (openBrace === -1 || closeBrace === -1) {
+    return [];
   }
+  return clause.slice(openBrace + 1, closeBrace).split(",").map((part) => part.trim()).filter((part) => part !== "" && !part.startsWith("type ")).map(
+    (part) => part.replace(/^type[ \t]+/, "").split(/(?<![ \t])[ \t]+as[ \t]+/)[0]?.trim()
+  ).filter((symbol) => Boolean(symbol));
+}
+function readForbiddenDefaultSymbol(clause) {
   const braceStart = clause.indexOf("{");
   const braceEnd = clause.indexOf("}", braceStart);
   const stripped = braceStart !== -1 && braceEnd !== -1 ? clause.slice(0, braceStart) + clause.slice(braceEnd + 1) : clause;
-  const defaultCandidate = stripped.trimStart().split(",", 1)[0]?.trim() ?? "";
-  const defaultSymbol = isIdentifier(defaultCandidate) ? defaultCandidate : void 0;
-  if (defaultSymbol && FORBIDDEN_SYMBOLS.has(defaultSymbol)) {
+  const candidate = stripped.trimStart().split(",", 1)[0]?.trim() ?? "";
+  return isIdentifier(candidate) && FORBIDDEN_SYMBOLS.has(candidate) ? candidate : null;
+}
+function hasNamespaceImport(clause) {
+  const parts = splitAsciiWhitespace(clause);
+  return parts.length >= 3 && parts[0] === "*" && parts[1] === "as" && isIdentifier(parts[2] ?? "");
+}
+function readImportedSymbols(clause) {
+  const symbols = readNamedImportedSymbols(clause);
+  if (hasNamespaceImport(clause)) {
+    symbols.push(...FORBIDDEN_SYMBOLS);
+  }
+  const defaultSymbol = readForbiddenDefaultSymbol(clause);
+  if (defaultSymbol) {
     symbols.push(defaultSymbol);
   }
   return symbols;
@@ -1132,6 +1136,20 @@ const EMPTY_THEME = {
   shadows: [],
   breakpoints: []
 };
+function findMatchingBrace(source, openBrace) {
+  let depth = 0;
+  for (let index = openBrace; index < source.length; index++) {
+    if (source[index] === "{") {
+      depth++;
+    } else if (source[index] === "}") {
+      depth--;
+      if (depth === 0) {
+        return index;
+      }
+    }
+  }
+  return -1;
+}
 function stripLayerWrappers(css) {
   let result = "";
   let i = 0;
@@ -1147,26 +1165,13 @@ function stripLayerWrappers(css) {
       result += css.slice(layerIdx);
       break;
     }
-    let depth = 0;
-    let j = openBrace;
-    while (j < css.length) {
-      if (css[j] === "{") {
-        depth++;
-      }
-      if (css[j] === "}") {
-        depth--;
-        if (depth === 0) {
-          result += css.slice(openBrace + 1, j);
-          i = j + 1;
-          break;
-        }
-      }
-      j++;
-    }
-    if (depth !== 0) {
+    const closeBrace = findMatchingBrace(css, openBrace);
+    if (closeBrace === -1) {
       result += css.slice(openBrace);
       break;
     }
+    result += css.slice(openBrace + 1, closeBrace);
+    i = closeBrace + 1;
   }
   return result;
 }
@@ -1175,20 +1180,9 @@ function extractThemeBlocks(css) {
   const themeStart = /@theme\s+(?:inline\s+)?\{|@theme\{/g;
   for (const match of css.matchAll(themeStart)) {
     const openPos = css.indexOf("{", match.index);
-    let depth = 0;
-    let j = openPos;
-    while (j < css.length) {
-      if (css[j] === "{") {
-        depth++;
-      }
-      if (css[j] === "}") {
-        depth--;
-        if (depth === 0) {
-          blocks.push(css.slice(openPos + 1, j));
-          break;
-        }
-      }
-      j++;
+    const closePos = findMatchingBrace(css, openPos);
+    if (closePos !== -1) {
+      blocks.push(css.slice(openPos + 1, closePos));
     }
   }
   return blocks;
@@ -1287,6 +1281,29 @@ function mergeThemes(themes) {
 function hasTokens(theme) {
   return Object.values(theme).some((arr) => arr.length > 0);
 }
+function readCustomPropertyName(block, dashes) {
+  let end = dashes + 2;
+  if (end >= block.length || !/[a-z]/.test(block[end])) {
+    return null;
+  }
+  end++;
+  while (end < block.length && /[a-z0-9-]/.test(block[end])) {
+    end++;
+  }
+  return { name: block.slice(dashes + 2, end), end };
+}
+function findCustomPropertyDeclarationEnd(block, nameEnd) {
+  let cursor = nameEnd;
+  while (cursor < block.length && /\s/.test(block[cursor])) {
+    cursor++;
+  }
+  if (block[cursor] === ":") {
+    const valueStart = cursor + 1;
+    const semicolon = block.indexOf(";", valueStart);
+    return semicolon > valueStart ? semicolon + 1 : -1;
+  }
+  return block[nameEnd] === ";" ? nameEnd + 1 : -1;
+}
 function scanCustomPropertyNames(block) {
   const names = [];
   let i = 0;
@@ -1295,36 +1312,17 @@ function scanCustomPropertyNames(block) {
     if (dashes === -1) {
       break;
     }
-    let end = dashes + 2;
-    if (end >= block.length || !/[a-z]/.test(block[end])) {
+    const property = readCustomPropertyName(block, dashes);
+    if (!property) {
       i = dashes + 1;
       continue;
     }
-    end++;
-    while (end < block.length && /[a-z0-9-]/.test(block[end])) {
-      end++;
-    }
-    const name = block.slice(dashes + 2, end);
-    let matchEnd = -1;
-    let cursor = end;
-    while (cursor < block.length && /\s/.test(block[cursor])) {
-      cursor++;
-    }
-    if (block[cursor] === ":") {
-      const valueStart = cursor + 1;
-      const semi = block.indexOf(";", valueStart);
-      if (semi > valueStart) {
-        matchEnd = semi + 1;
-      }
-    }
-    if (matchEnd === -1 && block[end] === ";") {
-      matchEnd = end + 1;
-    }
+    const matchEnd = findCustomPropertyDeclarationEnd(block, property.end);
     if (matchEnd === -1) {
       i = dashes + 1;
       continue;
     }
-    names.push(name);
+    names.push(property.name);
     i = matchEnd;
   }
   return names;
@@ -1392,27 +1390,36 @@ function matchesAnyPattern(id, patterns, rootDir) {
   const list = Array.isArray(patterns) ? patterns : [patterns];
   return list.some((pattern) => matchesPattern(id, pattern, rootDir));
 }
+function collectDirectoryFiles(dir, files) {
+  let entries;
+  try {
+    entries = fs__namespace.readdirSync(dir, { withFileTypes: true });
+  } catch {
+    return;
+  }
+  for (const entry of entries) {
+    const full = path__namespace.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      if (!DEFAULT_IGNORED_DIRS.has(entry.name) && !entry.name.startsWith(".")) {
+        collectDirectoryFiles(full, files);
+      }
+    } else {
+      files.add(path__namespace.resolve(full));
+    }
+  }
+}
+function isExpandedPatternMatch(file, patterns, rootDir) {
+  return patterns.some((pattern) => {
+    if (hasGlobMagic(pattern)) {
+      return matchesPattern(file, pattern, rootDir);
+    }
+    const resolved = path__namespace.isAbsolute(pattern) ? pattern : path__namespace.join(rootDir, pattern);
+    return normalizeFileId(path__namespace.resolve(resolved)) === normalizeFileId(file);
+  });
+}
 function expandFilePatterns(rootDir, patterns) {
   const list = Array.isArray(patterns) ? patterns : [patterns];
   const files = /* @__PURE__ */ new Set();
-  const walk = (dir) => {
-    let entries;
-    try {
-      entries = fs__namespace.readdirSync(dir, { withFileTypes: true });
-    } catch {
-      return;
-    }
-    for (const entry of entries) {
-      const full = path__namespace.join(dir, entry.name);
-      if (entry.isDirectory()) {
-        if (!DEFAULT_IGNORED_DIRS.has(entry.name) && !entry.name.startsWith(".")) {
-          walk(full);
-        }
-      } else {
-        files.add(path__namespace.resolve(full));
-      }
-    }
-  };
   let needsWalk = false;
   for (const pattern of list) {
     const resolved = path__namespace.isAbsolute(pattern) ? pattern : path__namespace.join(rootDir, pattern);
@@ -1425,21 +1432,10 @@ function expandFilePatterns(rootDir, patterns) {
     }
   }
   if (needsWalk) {
-    walk(rootDir);
+    collectDirectoryFiles(rootDir, files);
     for (const file of Array.from(files)) {
-      if (!list.some(
-        (pattern) => hasGlobMagic(pattern) && matchesPattern(file, pattern, rootDir)
-      )) {
-        const isLiteralMatch = list.some((pattern) => {
-          if (hasGlobMagic(pattern)) {
-            return false;
-          }
-          const resolved = path__namespace.isAbsolute(pattern) ? pattern : path__namespace.join(rootDir, pattern);
-          return normalizeFileId(path__namespace.resolve(resolved)) === normalizeFileId(file);
-        });
-        if (!isLiteralMatch) {
-          files.delete(file);
-        }
+      if (!isExpandedPatternMatch(file, list, rootDir)) {
+        files.delete(file);
       }
     }
   }
@@ -1814,9 +1810,9 @@ let _hasWarnedTransformCacheVersion = false;
 let _hasWarnedNativeFallback = 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.CP2cz9bA.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.ByAzFdqO.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.CP2cz9bA.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.ByAzFdqO.cjs', document.baseURI).href))),
   UNKNOWN_PACKAGE_VERSION
 );
 const COMPILER_VERSION = findPackageVersionFromModule("@csszyx/compiler", UNKNOWN_PACKAGE_VERSION);
@@ -3159,12 +3155,55 @@ function createCsszyxPlugins(options = {}) {
       state.skippedSzFiles.add(filePath);
     }
   }
+  function processPrescanTransform(filePath, content, result, discoveredClasses, rawDiscoveredClasses) {
+    const budgetExceeded = result.diagnostics.some(
+      (diagnostic) => diagnostic.includes("AST budget exceeded")
+    );
+    if (cacheEnabled && !budgetExceeded && content !== void 0) {
+      prescanResultHandoff.set(normalizeSourceFilename(filePath), {
+        inputSha256: node_crypto.createHash("sha256").update(content).digest("hex"),
+        result
+      });
+    }
+    if (budgetExceeded) {
+      warnPrescanBudgetSkip(filePath);
+      return;
+    }
+    const parseFailed = result.diagnostics.some(
+      (diagnostic) => diagnostic.includes("[csszyx] parse error in ")
+    );
+    if (result.classes.size === 0 && result.rawClassNames.size === 0 && parseFailed) {
+      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).`
+      );
+      return;
+    }
+    if (!result.transformed && result.classes.size === 0) {
+      return;
+    }
+    collectPrescanResult(result, filePath, discoveredClasses, rawDiscoveredClasses);
+  }
   function prescanAndWriteClasses() {
     refreshCompileSourceDirs();
     const prescanStarted = node_perf_hooks.performance.now();
     const discoveredClasses = /* @__PURE__ */ new Set();
     const rawDiscoveredClasses = /* @__PURE__ */ new Set();
     const prescanSources = [];
+    function collectPrescanSource(filePath) {
+      if (!shouldProcessSource(filePath)) {
+        recordPackagesSkipIfSz(filePath);
+        return;
+      }
+      let content;
+      try {
+        content = fs__namespace.readFileSync(filePath, "utf-8");
+      } catch {
+        return;
+      }
+      if (fileMayContainSafelistableSz(content)) {
+        prescanSources.push({ filePath, content });
+      }
+    }
     function scanDir(dir) {
       let entries;
       try {
@@ -3177,22 +3216,10 @@ function createCsszyxPlugins(options = {}) {
           if (!IGNORE_DIRS.has(entry.name) && !entry.name.startsWith(".")) {
             scanDir(path__namespace.join(dir, entry.name));
           }
-        } else if (SOURCE_EXTENSIONS.has(path__namespace.extname(entry.name))) {
-          const filePath = path__namespace.join(dir, entry.name);
-          if (!shouldProcessSource(filePath)) {
-            recordPackagesSkipIfSz(filePath);
-            continue;
-          }
-          let content;
-          try {
-            content = fs__namespace.readFileSync(filePath, "utf-8");
-          } catch {
-            continue;
-          }
-          if (!fileMayContainSafelistableSz(content)) {
-            continue;
-          }
-          prescanSources.push({ filePath, content });
+          continue;
+        }
+        if (SOURCE_EXTENSIONS.has(path__namespace.extname(entry.name))) {
+          collectPrescanSource(path__namespace.join(dir, entry.name));
         }
       }
     }
@@ -3208,29 +3235,13 @@ function createCsszyxPlugins(options = {}) {
       prescanSources.map((file) => [file.filePath, file.content])
     );
     for (const { filePath, result } of transformPrescanSources(prescanSources)) {
-      if (cacheEnabled && !result.diagnostics.some((d) => d.includes("AST budget exceeded"))) {
-        const content = prescanContentByPath.get(filePath);
-        if (content !== void 0) {
-          prescanResultHandoff.set(normalizeSourceFilename(filePath), {
-            inputSha256: node_crypto.createHash("sha256").update(content).digest("hex"),
-            result
-          });
-        }
-      }
-      if (result.diagnostics.some((d) => d.includes("AST budget exceeded"))) {
-        warnPrescanBudgetSkip(filePath);
-        continue;
-      }
-      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;
-      }
-      collectPrescanResult(result, filePath, discoveredClasses, rawDiscoveredClasses);
+      processPrescanTransform(
+        filePath,
+        prescanContentByPath.get(filePath),
+        result,
+        discoveredClasses,
+        rawDiscoveredClasses
+      );
     }
     for (const cls of discoveredClasses) {
       addSafelistClass(cls);
@@ -3315,40 +3326,48 @@ function createCsszyxPlugins(options = {}) {
       discoveredClasses.add(cls);
     }
   }
-  function extractClasses(code) {
-    const dqPattern = /(?:class(?:Name)?|sz)[:=]\s*"([^"]*)"/g;
-    const sqPattern = /(?:class(?:Name)?|sz)[:=]\s*'([^']*)'/g;
-    for (const classPattern of [dqPattern, sqPattern]) {
-      for (const match of code.matchAll(classPattern)) {
-        const classes = match[1].split(/\s+/).filter(Boolean);
-        for (const cls of classes) {
-          addSafelistClass(cls);
-        }
+  function addSafelistClasses(value) {
+    for (const className of value.split(/\s+/).filter(Boolean)) {
+      addSafelistClass(className);
+    }
+  }
+  function collectQuotedAttributeClasses(code) {
+    const patterns = [
+      /(?:class(?:Name)?|sz)[:=]\s*"([^"]*)"/g,
+      /(?:class(?:Name)?|sz)[:=]\s*'([^']*)'/g
+    ];
+    for (const pattern of patterns) {
+      for (const match of code.matchAll(pattern)) {
+        addSafelistClasses(match[1] ?? "");
       }
     }
-    const exprStart = /className=\{/g;
-    for (const match of code.matchAll(exprStart)) {
-      let depth = 1;
-      let i = (match.index ?? 0) + match[0].length;
-      while (i < code.length && depth > 0) {
-        if (code[i] === "{") {
-          depth++;
-        } else if (code[i] === "}") {
-          depth--;
-        }
-        i++;
+  }
+  function findJsxExpressionEnd(code, bodyStart) {
+    let depth = 1;
+    let index = bodyStart;
+    while (index < code.length && depth > 0) {
+      if (code[index] === "{") {
+        depth++;
+      } else if (code[index] === "}") {
+        depth--;
       }
-      const expr = code.slice((match.index ?? 0) + match[0].length, i - 1);
-      const strPattern = /"([^"]+)"|'([^']+)'/g;
-      for (const strMatch of expr.matchAll(strPattern)) {
-        const str = strMatch[1] || strMatch[2];
-        const classes = str.split(/\s+/).filter(Boolean);
-        for (const cls of classes) {
-          addSafelistClass(cls);
-        }
+      index++;
+    }
+    return index - 1;
+  }
+  function collectExpressionClasses(code) {
+    for (const match of code.matchAll(/className=\{/g)) {
+      const bodyStart = (match.index ?? 0) + match[0].length;
+      const expression = code.slice(bodyStart, findJsxExpressionEnd(code, bodyStart));
+      for (const stringMatch of expression.matchAll(/"([^"]+)"|'([^']+)'/g)) {
+        addSafelistClasses(stringMatch[1] ?? stringMatch[2] ?? "");
       }
     }
   }
+  function extractClasses(code) {
+    collectQuotedAttributeClasses(code);
+    collectExpressionClasses(code);
+  }
   function finalizeMangleMap() {
     const sortedClasses = Array.from(state.ownedClasses);
     const newMap = {};
@@ -3372,6 +3391,24 @@ function createCsszyxPlugins(options = {}) {
   function mangleCodeClasses(code) {
     return mangleCodeClassesSync(code, state.mangleMap);
   }
+  function mangleHtmlClassList(classes) {
+    const output = [];
+    for (const className of classes.split(/\s+/)) {
+      if (className) output.push(state.mangleMap[className] || className);
+    }
+    return output.join(" ");
+  }
+  function replaceDoubleQuotedHtmlClass(match, classes) {
+    const output = mangleHtmlClassList(classes);
+    return output !== classes ? `class="${output}"` : match;
+  }
+  function replaceSingleQuotedHtmlClass(match, classes) {
+    const output = mangleHtmlClassList(classes);
+    return output !== classes ? `class='${output}'` : match;
+  }
+  function mangleHtmlClasses(source) {
+    return source.replace(/\bclass="([^"]*)"/g, replaceDoubleQuotedHtmlClass).replace(/\bclass='([^']*)'/g, replaceSingleQuotedHtmlClass);
+  }
   function replacePlaceholders(code) {
     let result = code;
     if (result.includes(CHECKSUM_PLACEHOLDER)) {
@@ -3506,6 +3543,8 @@ function createCsszyxPlugins(options = {}) {
         let usesSzcn = false;
         let usesSzPart = false;
         let usesColorVar = false;
+        let usesSpacingVar = false;
+        let usesUnitVar = false;
         let transformed = false;
         let szClasses;
         const hasSzProp = code.includes("sz=") || code.includes("szs=") || /\bsz\s*:\s*["'{]/.test(code) || code.includes('sz: "');
@@ -3536,6 +3575,8 @@ function createCsszyxPlugins(options = {}) {
             usesSzcn = result.usesSzcn;
             usesSzPart = result.usesSzPart;
             usesColorVar = result.usesColorVar;
+            usesSpacingVar = result.usesSpacingVar;
+            usesUnitVar = result.usesUnitVar;
             transformed = result.transformed;
             szClasses = result.classes;
             recordFileVarMangleEntries(state, id, cssVariableEntries(result));
@@ -3596,6 +3637,12 @@ function createCsszyxPlugins(options = {}) {
           if (usesColorVar) {
             imports.push("__szColorVar");
           }
+          if (usesSpacingVar) {
+            imports.push("__szSpacingVar");
+          }
+          if (usesUnitVar) {
+            imports.push("__szUnitVar");
+          }
           const hasRuntimeImport = imports.length > 0 && transformedCode.includes("@csszyx/runtime");
           const needed = hasRuntimeImport ? imports.filter((name) => !runtimeImportScan.importsRuntimeHelper(transformedCode, name)) : imports;
           if (needed.length > 0) {
@@ -3948,19 +3995,7 @@ ${transformedCode}`;
               }
               if (manglingEnabled && !isWebpackDevMode && Object.keys(state.mangleMap).length > 0) {
                 if (file.endsWith(".html")) {
-                  const mangledHtml = source.replace(
-                    /\bclass="([^"]*)"/g,
-                    (_m, cls) => {
-                      const out = cls.split(/\s+/).filter(Boolean).map((c) => state.mangleMap[c] || c).join(" ");
-                      return out !== cls ? `class="${out}"` : _m;
-                    }
-                  ).replace(
-                    /\bclass='([^']*)'/g,
-                    (_m, cls) => {
-                      const out = cls.split(/\s+/).filter(Boolean).map((c) => state.mangleMap[c] || c).join(" ");
-                      return out !== cls ? `class='${out}'` : _m;
-                    }
-                  );
+                  const mangledHtml = mangleHtmlClasses(source);
                   if (mangledHtml !== source) {
                     compilation.updateAsset(
                       file,

package/dist/shared/{unplugin.CBKZoxQ1.cjs → unplugin.CZKUWN1J.cjs}

@@ -2,7 +2,7 @@
 
 const fs = require('node:fs');
 const compiler = require('@csszyx/compiler');
-const transformCache = require('./unplugin.D0N9bprz.cjs');
+const transformCache = require('./unplugin.D8vSG36M.cjs');
 const node_crypto = require('node:crypto');
 const htmlEscape = require('./unplugin.BCwRIUs_.cjs');