tailwind-styled-v4 5.0.26 → 5.0.27

package/dist/engine.mjs

@@ -3487,6 +3487,19 @@ function extractStaticStateCss(srcDir, options = {}) {
     const decl = r.declarations.trim();
     return decl.length === 0 || !decl.includes(":");
   }).length;
+  function sanitizeCssRule(cssRule, declarations) {
+    const segments = declarations.split(/[;\n]/).map((s) => s.trim()).filter(Boolean);
+    const validSegs = segments.filter((s) => s.includes(":"));
+    const invalidSegs = segments.filter((s) => !s.includes(":"));
+    if (invalidSegs.length === 0) return cssRule;
+    if (validSegs.length === 0) return null;
+    const braceIdx = cssRule.indexOf("{");
+    if (braceIdx === -1) return null;
+    const selector = cssRule.slice(0, braceIdx).trim();
+    return `${selector} {
+  ${validSegs.join(";\n  ")};
+}`;
+  }
   const byComponent = /* @__PURE__ */ new Map();
   for (const rule of allRules) {
     const existing = byComponent.get(rule.componentName) ?? [];
@@ -3498,11 +3511,18 @@ function extractStaticStateCss(srcDir, options = {}) {
     cssBlocks.push(`/* ${componentName} */`);
     for (const rule of rules) {
       cssBlocks.push(`/* state: ${rule.stateName} */`);
-      const isUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
-      if (isUnresolved) {
-        cssBlocks.push(`/* SKIPPED (unresolved): ${rule.declarations} \u2014 akan di-inject runtime */`);
+      const isFullyUnresolved = rule.declarations.trim().length > 0 && !rule.declarations.includes(":");
+      if (isFullyUnresolved) {
+        const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+        cssBlocks.push(`/* SKIP [unresolved]: ${encoded} */`);
       } else {
-        cssBlocks.push(rule.cssRule);
+        const sanitized = sanitizeCssRule(rule.cssRule, rule.declarations);
+        if (sanitized !== null) {
+          cssBlocks.push(sanitized);
+        } else {
+          const encoded = rule.declarations.replace(/([\w-]+)/g, "[$1]");
+          cssBlocks.push(`/* SKIP [sanitized-empty]: ${encoded} */`);
+        }
       }
     }
     cssBlocks.push("");