@weapp-tailwindcss/postcss 2.0.4 → 2.0.5

package/dist/index.js

@@ -276,6 +276,227 @@ function getRemTransformPlugin(options) {
 // src/plugins/post.ts
 
 
+// src/compat/tailwindcss-v4.ts
+
+
+// src/cssVarsV4.ts
+function property(ident, initialValue, _syntax) {
+  return {
+    prop: ident,
+    value: initialValue || ""
+  };
+}
+var nullShadow = "0 0 #0000";
+var nodes = [
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1137
+  property("--tw-border-spacing-x", "0", "<length>"),
+  property("--tw-border-spacing-y", "0", "<length>"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1205
+  property("--tw-translate-x", "0"),
+  property("--tw-translate-y", "0"),
+  property("--tw-translate-z", "0"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1285
+  property("--tw-scale-x", "1"),
+  property("--tw-scale-y", "1"),
+  property("--tw-scale-z", "1"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1424
+  property("--tw-rotate-x"),
+  property("--tw-rotate-y"),
+  property("--tw-rotate-z"),
+  property("--tw-skew-x"),
+  property("--tw-skew-y"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1641C13-L1641C88
+  property("--tw-pan-x"),
+  property("--tw-pan-y"),
+  property("--tw-pinch-zoom"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
+  property("--tw-scroll-snap-strictness", "proximity", "*"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
+  property("--tw-space-x-reverse", "0"),
+  property("--tw-space-y-reverse", "0"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L2169C22-L2169C60
+  property("--tw-border-style", "solid"),
+  property("--tw-divide-x-reverse", "0"),
+  property("--tw-divide-y-reverse", "0"),
+  property("--tw-gradient-position", "initial"),
+  property("--tw-gradient-from", "#0000", "<color>"),
+  property("--tw-gradient-via", "#0000", "<color>"),
+  property("--tw-gradient-to", "#0000", "<color>"),
+  property("--tw-gradient-stops", "initial"),
+  property("--tw-gradient-via-stops", "initial"),
+  property("--tw-gradient-from-position", "0%", "<length-percentage>"),
+  property("--tw-gradient-via-position", "50%", "<length-percentage>"),
+  property("--tw-gradient-to-position", "100%", "<length-percentage>"),
+  property("--tw-mask-linear", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-radial", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-conic", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-left", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-right", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-bottom", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-top", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-linear-position", "0deg"),
+  property("--tw-mask-linear-from-position", "0%"),
+  property("--tw-mask-linear-to-position", "100%"),
+  property("--tw-mask-linear-from-color", "black"),
+  property("--tw-mask-linear-to-color", "transparent"),
+  property("--tw-mask-radial-from-position", "0%"),
+  property("--tw-mask-radial-to-position", "100%"),
+  property("--tw-mask-radial-from-color", "black"),
+  property("--tw-mask-radial-to-color", "transparent"),
+  property("--tw-mask-radial-shape", "ellipse"),
+  property("--tw-mask-radial-size", "farthest-corner"),
+  property("--tw-mask-radial-position", "center"),
+  property("--tw-mask-conic-position", "0deg"),
+  property("--tw-mask-conic-from-position", "0%"),
+  property("--tw-mask-conic-to-position", "100%"),
+  property("--tw-mask-conic-from-color", "black"),
+  property("--tw-mask-conic-to-color", "transparent"),
+  property("--tw-font-weight"),
+  property("--tw-blur"),
+  property("--tw-brightness"),
+  property("--tw-contrast"),
+  property("--tw-grayscale"),
+  property("--tw-hue-rotate"),
+  property("--tw-invert"),
+  property("--tw-opacity"),
+  property("--tw-saturate"),
+  property("--tw-sepia"),
+  property("--tw-drop-shadow"),
+  property("--tw-drop-shadow-color"),
+  property("--tw-drop-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-drop-shadow-size"),
+  property("--tw-backdrop-blur"),
+  property("--tw-backdrop-brightness"),
+  property("--tw-backdrop-contrast"),
+  property("--tw-backdrop-grayscale"),
+  property("--tw-backdrop-hue-rotate"),
+  property("--tw-backdrop-invert"),
+  property("--tw-backdrop-opacity"),
+  property("--tw-backdrop-saturate"),
+  property("--tw-backdrop-sepia"),
+  property("--tw-duration", "initial"),
+  property("--tw-ease", "initial"),
+  property("--tw-content", '""'),
+  property("--tw-contain-size"),
+  property("--tw-contain-layout"),
+  property("--tw-contain-paint"),
+  property("--tw-contain-style"),
+  property("--tw-leading"),
+  property("--tw-tracking"),
+  property("--tw-ordinal"),
+  property("--tw-slashed-zero"),
+  property("--tw-numeric-figure"),
+  property("--tw-numeric-spacing"),
+  property("--tw-numeric-fraction"),
+  property("--tw-outline-style", "solid"),
+  property("--tw-text-shadow-color", "initial"),
+  property("--tw-text-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-shadow", nullShadow),
+  property("--tw-shadow-color", "initial"),
+  property("--tw-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-inset-shadow", nullShadow),
+  property("--tw-inset-shadow-color", "initial"),
+  property("--tw-inset-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-ring-color"),
+  property("--tw-ring-shadow", nullShadow),
+  property("--tw-inset-ring-color"),
+  property("--tw-inset-ring-shadow", nullShadow),
+  // Legacy 旧版变量兼容
+  property("--tw-ring-inset"),
+  property("--tw-ring-offset-width", "0px", "<length>"),
+  property("--tw-ring-offset-color", "#fff"),
+  property("--tw-ring-offset-shadow", nullShadow)
+];
+for (const edge of ["top", "right", "bottom", "left"]) {
+  nodes.push(
+    property(`--tw-mask-${edge}-from-position`, "0%"),
+    property(`--tw-mask-${edge}-to-position`, "100%"),
+    property(`--tw-mask-${edge}-from-color`, "black"),
+    property(`--tw-mask-${edge}-to-color`, "transparent")
+  );
+}
+var cssVarsV4_default = nodes;
+
+// src/compat/tailwindcss-v4.ts
+var OKLAB_SUFFIX = "in oklab";
+var INFINITY_CALC_REGEXP = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/;
+var RADIUS_THRESHOLD = 1e5;
+var CLAMP_PX = 9999;
+function isTailwindcssV4(options) {
+  return _optionalChain([options, 'optionalAccess', _12 => _12.majorVersion]) === 4;
+}
+function testIfRootHostForV4(node) {
+  return node.type === "rule" && node.selector.includes(":root") && node.selector.includes(":host");
+}
+var cssVarsV4Nodes = cssVarsV4_default.map((x) => {
+  return new (0, _postcss.Declaration)({
+    prop: x.prop,
+    value: x.value
+  });
+});
+function isTailwindcssV4ModernCheck(atRule) {
+  return atRule.name === "supports" && [
+    /-webkit-hyphens\s*:\s*none/,
+    /margin-trim\s*:\s*inline/,
+    /-moz-orient\s*:\s*inline/,
+    /color\s*:\s*rgb\(\s*from\s+red\s+r\s+g\s+b\s*\)/
+  ].every((regex) => regex.test(atRule.params));
+}
+function normalizeTailwindcssV4Declaration(decl) {
+  if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
+    decl.value = decl.value.slice(0, decl.value.length - OKLAB_SUFFIX.length);
+    return true;
+  }
+  if (INFINITY_CALC_REGEXP.test(decl.value)) {
+    decl.value = `${CLAMP_PX}px`;
+    return true;
+  }
+  if (decl.prop.includes("radius")) {
+    const next = decl.value.replace(
+      /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi,
+      (m, num) => {
+        const n = Number(num);
+        if (!Number.isFinite(n)) {
+          return `${CLAMP_PX}px`;
+        }
+        if (/e/i.test(String(num)) || n > RADIUS_THRESHOLD) {
+          return `${CLAMP_PX}px`;
+        }
+        return m;
+      }
+    );
+    if (next !== decl.value) {
+      decl.value = next;
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/compat/uni-app-x.ts
+function isUniAppXEnabled(options) {
+  return Boolean(_optionalChain([options, 'optionalAccess', _13 => _13.uniAppX]));
+}
+function stripUnsupportedPseudoForUniAppX(node, enabled) {
+  if (!enabled) {
+    return;
+  }
+  node.remove();
+}
+function stripUnsupportedNodeForUniAppX(node, options) {
+  if (!isUniAppXEnabled(options)) {
+    return false;
+  }
+  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
+    node.remove();
+    return true;
+  }
+  return false;
+}
+function shouldRemoveEmptyRuleForUniAppX(rule, options) {
+  return isUniAppXEnabled(options) && rule.nodes.length === 0;
+}
+
 // src/constants.ts
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
@@ -288,7 +509,7 @@ var beforeAfterParser = _postcssselectorparser2.default.call(void 0, (selectors)
     return;
   }
   selectors.walkPseudos((s) => {
-    if (_optionalChain([s, 'access', _12 => _12.parent, 'optionalAccess', _13 => _13.length]) === 1) {
+    if (_optionalChain([s, 'access', _14 => _14.parent, 'optionalAccess', _15 => _15.length]) === 1) {
       if (/^:?:before$/.test(s.value)) {
         state.before = true;
       }
@@ -366,7 +587,7 @@ function getFallbackRemove(_rule, options) {
   const cacheKey = _nullishCoalesce(options, () => ( fallbackDefaultKey));
   let entry = fallbackRemoveCache.get(cacheKey);
   if (!entry) {
-    const uniAppX = Boolean(_optionalChain([options, 'optionalAccess', _14 => _14.uniAppX]));
+    const uniAppX = isUniAppXEnabled(options);
     let currentRule;
     const parser = _postcssselectorparser2.default.call(void 0, (selectors) => {
       const activeRule = currentRule;
@@ -376,13 +597,13 @@ function getFallbackRemove(_rule, options) {
           maybeImportantId = true;
         }
         if (selector.type === "universal") {
-          _optionalChain([selector, 'access', _15 => _15.parent, 'optionalAccess', _16 => _16.remove, 'call', _17 => _17()]);
+          _optionalChain([selector, 'access', _16 => _16.parent, 'optionalAccess', _17 => _17.remove, 'call', _18 => _18()]);
         } else if (selector.type === "pseudo") {
           if (selector.value === ":is") {
-            if (maybeImportantId && _optionalChain([selector, 'access', _18 => _18.nodes, 'access', _19 => _19[0], 'optionalAccess', _20 => _20.type]) === "selector") {
+            if (maybeImportantId && _optionalChain([selector, 'access', _19 => _19.nodes, 'access', _20 => _20[0], 'optionalAccess', _21 => _21.type]) === "selector") {
               selector.replaceWith(selector.nodes[0]);
             } else {
-              _optionalChain([selector, 'access', _21 => _21.parent, 'optionalAccess', _22 => _22.remove, 'call', _23 => _23()]);
+              _optionalChain([selector, 'access', _22 => _22.parent, 'optionalAccess', _23 => _23.remove, 'call', _24 => _24()]);
             }
           } else if (selector.value === ":not") {
             for (const x of selector.nodes) {
@@ -405,7 +626,7 @@ function getFallbackRemove(_rule, options) {
           }
         } else if (selector.type === "attribute") {
           if (selector.attribute === "hidden") {
-            _optionalChain([activeRule, 'optionalAccess', _24 => _24.remove, 'call', _25 => _25()]);
+            _optionalChain([activeRule, 'optionalAccess', _25 => _25.remove, 'call', _26 => _26()]);
           }
         }
       });
@@ -417,9 +638,7 @@ function getFallbackRemove(_rule, options) {
               selector.remove();
             }
           } else if (selector.type === "pseudo") {
-            if (uniAppX) {
-              selector.remove();
-            }
+            stripUnsupportedPseudoForUniAppX(selector, uniAppX);
           }
         }
       });
@@ -553,7 +772,7 @@ function dedupeSpacingProps(rule) {
     if (alreadyOrdered) {
       continue;
     }
-    const anchor = _nullishCoalesce(_optionalChain([unique, 'access', _26 => _26[unique.length - 1], 'optionalAccess', _27 => _27.next, 'call', _28 => _28()]), () => ( void 0));
+    const anchor = _nullishCoalesce(_optionalChain([unique, 'access', _27 => _27[unique.length - 1], 'optionalAccess', _28 => _28.next, 'call', _29 => _29()]), () => ( void 0));
     for (const decl of unique) {
       decl.remove();
     }
@@ -578,7 +797,7 @@ function isNotLastChildPseudo(node) {
   if (firstSelector.type !== "selector") {
     return false;
   }
-  const target = _optionalChain([firstSelector, 'access', _29 => _29.nodes, 'optionalAccess', _30 => _30[0]]);
+  const target = _optionalChain([firstSelector, 'access', _30 => _30.nodes, 'optionalAccess', _31 => _31[0]]);
   return Boolean(target && target.type === "pseudo" && target.value === ":last-child");
 }
 function transformSpacingSelector(nodes2, options) {
@@ -621,11 +840,11 @@ function normalizeSpacingDeclarations(rule) {
   dedupeSpacingProps(rule);
 }
 function flattenWherePseudo(node, context, index, parent) {
-  if (context.options.uniAppX) {
+  if (isUniAppXEnabled(context.options)) {
     node.value = ":is";
   }
   if (index === 0 && node.length === 1) {
-    const targetSelector = _optionalChain([node, 'access', _31 => _31.nodes, 'optionalAccess', _32 => _32[0]]);
+    const targetSelector = _optionalChain([node, 'access', _32 => _32.nodes, 'optionalAccess', _33 => _33[0]]);
     if (targetSelector && targetSelector.type === "selector" && transformSpacingSelector(targetSelector.nodes, context.options)) {
       context.requiresSpacingNormalization = true;
     }
@@ -645,7 +864,7 @@ function handleUniversalNode(node, context) {
   if (node.type !== "universal") {
     return;
   }
-  const replacement = _optionalChain([context, 'access', _33 => _33.options, 'access', _34 => _34.cssSelectorReplacement, 'optionalAccess', _35 => _35.universal]);
+  const replacement = _optionalChain([context, 'access', _34 => _34.options, 'access', _35 => _35.cssSelectorReplacement, 'optionalAccess', _36 => _36.universal]);
   if (replacement) {
     node.value = composeIsPseudo(replacement);
   }
@@ -680,7 +899,7 @@ function handleCombinatorNode(node, index, context) {
   if (node.type !== "combinator" || node.value !== ">") {
     return;
   }
-  const nodes2 = _optionalChain([node, 'access', _36 => _36.parent, 'optionalAccess', _37 => _37.nodes]);
+  const nodes2 = _optionalChain([node, 'access', _37 => _37.parent, 'optionalAccess', _38 => _38.nodes]);
   if (!nodes2) {
     return;
   }
@@ -696,7 +915,7 @@ function handlePseudoNode(node, index, context, parent) {
   if (node.type !== "pseudo") {
     return;
   }
-  if (node.value === ":root" && _optionalChain([context, 'access', _38 => _38.options, 'access', _39 => _39.cssSelectorReplacement, 'optionalAccess', _40 => _40.root])) {
+  if (node.value === ":root" && _optionalChain([context, 'access', _39 => _39.options, 'access', _40 => _40.cssSelectorReplacement, 'optionalAccess', _41 => _41.root])) {
     node.value = composeIsPseudo(context.options.cssSelectorReplacement.root);
     return;
   }
@@ -705,12 +924,7 @@ function handlePseudoNode(node, index, context, parent) {
   }
 }
 function handleTagOrAttribute(node, context) {
-  if (!context.options.uniAppX) {
-    return;
-  }
-  if (node.type === "tag" || node.type === "attribute") {
-    node.remove();
-  }
+  stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
   if (shouldRemoveHoverSelector(selector, context.options)) {
@@ -723,7 +937,7 @@ function handleSelectorNode(selector, context) {
 }
 function transformSelectors(selectors, context) {
   selectors.walk((node, index) => {
-    const parent = _optionalChain([node, 'access', _41 => _41.parent, 'optionalAccess', _42 => _42.type]) === "selector" ? node.parent : void 0;
+    const parent = _optionalChain([node, 'access', _42 => _42.parent, 'optionalAccess', _43 => _43.type]) === "selector" ? node.parent : void 0;
     switch (node.type) {
       case "class":
         handleClassNode(node, context);
@@ -801,7 +1015,7 @@ function normalizeSelectorList(value) {
   return Array.isArray(value) ? value.filter(Boolean) : [value];
 }
 function getSpecificityMatchingName(options) {
-  const feature = _optionalChain([options, 'access', _43 => _43.cssPresetEnv, 'optionalAccess', _44 => _44.features, 'optionalAccess', _45 => _45["is-pseudo-class"]]);
+  const feature = _optionalChain([options, 'access', _44 => _44.cssPresetEnv, 'optionalAccess', _45 => _45.features, 'optionalAccess', _46 => _46["is-pseudo-class"]]);
   if (feature && typeof feature === "object" && "specificityMatchingName" in feature) {
     const specificityName = feature.specificityMatchingName;
     return typeof specificityName === "string" && specificityName.length > 0 ? specificityName : void 0;
@@ -810,12 +1024,12 @@ function getSpecificityMatchingName(options) {
 }
 function createRootSpecificityCleaner(options) {
   const specificityMatchingName = getSpecificityMatchingName(options);
-  const selectors = normalizeSelectorList(_optionalChain([options, 'access', _46 => _46.cssSelectorReplacement, 'optionalAccess', _47 => _47.root]));
+  const selectors = normalizeSelectorList(_optionalChain([options, 'access', _47 => _47.cssSelectorReplacement, 'optionalAccess', _48 => _48.root]));
   if (!specificityMatchingName || selectors.length === 0) {
     return void 0;
   }
   const suffix = `:not(.${specificityMatchingName})`;
-  const targets = selectors.map((selector) => _optionalChain([selector, 'optionalAccess', _48 => _48.trim, 'call', _49 => _49()])).filter((selector) => Boolean(_optionalChain([selector, 'optionalAccess', _50 => _50.length]))).map((selector) => ({
+  const targets = selectors.map((selector) => _optionalChain([selector, 'optionalAccess', _49 => _49.trim, 'call', _50 => _50()])).filter((selector) => Boolean(_optionalChain([selector, 'optionalAccess', _51 => _51.length]))).map((selector) => ({
     match: `${selector}${suffix}`,
     spacedMatch: `${selector} ${suffix}`,
     replacement: selector
@@ -842,7 +1056,6 @@ function createRootSpecificityCleaner(options) {
     rule.selectors = next;
   };
 }
-var OklabSuffix = "in oklab";
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
   ["margin-inline-start", "margin-left"],
@@ -961,7 +1174,7 @@ function dedupeDeclarations(rule) {
     if (!needReorder) {
       continue;
     }
-    const anchor = _nullishCoalesce(_optionalChain([declarations, 'access', _51 => _51[declarations.length - 1], 'optionalAccess', _52 => _52.next, 'call', _53 => _53()]), () => ( void 0));
+    const anchor = _nullishCoalesce(_optionalChain([declarations, 'access', _52 => _52[declarations.length - 1], 'optionalAccess', _53 => _53.next, 'call', _54 => _54()]), () => ( void 0));
     for (const decl of declarations) {
       decl.remove();
     }
@@ -1006,52 +1219,27 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     const fallbackRemove = enableMainChunkTransforms ? getFallbackRemove(void 0, opts) : void 0;
     p.RuleExit = (rule) => {
       if (enableMainChunkTransforms) {
-        _optionalChain([fallbackRemove, 'optionalAccess', _54 => _54.transformSync, 'call', _55 => _55(rule)]);
+        _optionalChain([fallbackRemove, 'optionalAccess', _55 => _55.transformSync, 'call', _56 => _56(rule)]);
       }
-      _optionalChain([cleanRootSpecificity, 'optionalCall', _56 => _56(rule)]);
+      _optionalChain([cleanRootSpecificity, 'optionalCall', _57 => _57(rule)]);
       if (enableMainChunkTransforms) {
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
           rule.remove();
         }
-        if (opts.uniAppX && rule.nodes.length === 0) {
+        if (shouldRemoveEmptyRuleForUniAppX(rule, opts)) {
           rule.remove();
         }
       }
     };
   }
   if (enableMainChunkTransforms) {
-    p.DeclarationExit = (decl) => {
-      if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
-        decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-      } else if (/calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/.test(decl.value)) {
-        decl.value = "9999px";
-      } else if (decl.prop.includes("radius")) {
-        const CLAMP_PX = 9999;
-        const THRESHOLD = 1e5;
-        const next = decl.value.replace(
-          /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi,
-          (m, num) => {
-            const n = Number(num);
-            if (!Number.isFinite(n)) {
-              return `${CLAMP_PX}px`;
-            }
-            if (/e/i.test(String(num)) || n > THRESHOLD) {
-              return `${CLAMP_PX}px`;
-            }
-            return m;
-          }
-        );
-        if (next !== decl.value) {
-          decl.value = next;
-        }
-      }
-    };
+    p.DeclarationExit = (decl) => normalizeTailwindcssV4Declaration(decl);
     p.AtRuleExit = (atRule) => {
       if (opts.cssRemoveProperty && atRule.name === "property") {
         atRule.remove();
       }
-      _optionalChain([atRule, 'access', _57 => _57.nodes, 'optionalAccess', _58 => _58.length]) === 0 && atRule.remove();
+      _optionalChain([atRule, 'access', _58 => _58.nodes, 'optionalAccess', _59 => _59.length]) === 0 && atRule.remove();
     };
   }
   return p;
@@ -1272,144 +1460,6 @@ var cssVarsV3_default = [
   }
 ];
 
-// src/cssVarsV4.ts
-function property(ident, initialValue, _syntax) {
-  return {
-    prop: ident,
-    value: initialValue || ""
-  };
-}
-var nullShadow = "0 0 #0000";
-var nodes = [
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1137
-  property("--tw-border-spacing-x", "0", "<length>"),
-  property("--tw-border-spacing-y", "0", "<length>"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1205
-  property("--tw-translate-x", "0"),
-  property("--tw-translate-y", "0"),
-  property("--tw-translate-z", "0"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1285
-  property("--tw-scale-x", "1"),
-  property("--tw-scale-y", "1"),
-  property("--tw-scale-z", "1"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1424
-  property("--tw-rotate-x"),
-  property("--tw-rotate-y"),
-  property("--tw-rotate-z"),
-  property("--tw-skew-x"),
-  property("--tw-skew-y"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1641C13-L1641C88
-  property("--tw-pan-x"),
-  property("--tw-pan-y"),
-  property("--tw-pinch-zoom"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
-  property("--tw-scroll-snap-strictness", "proximity", "*"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
-  property("--tw-space-x-reverse", "0"),
-  property("--tw-space-y-reverse", "0"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L2169C22-L2169C60
-  property("--tw-border-style", "solid"),
-  property("--tw-divide-x-reverse", "0"),
-  property("--tw-divide-y-reverse", "0"),
-  property("--tw-gradient-position", "initial"),
-  property("--tw-gradient-from", "#0000", "<color>"),
-  property("--tw-gradient-via", "#0000", "<color>"),
-  property("--tw-gradient-to", "#0000", "<color>"),
-  property("--tw-gradient-stops", "initial"),
-  property("--tw-gradient-via-stops", "initial"),
-  property("--tw-gradient-from-position", "0%", "<length-percentage>"),
-  property("--tw-gradient-via-position", "50%", "<length-percentage>"),
-  property("--tw-gradient-to-position", "100%", "<length-percentage>"),
-  property("--tw-mask-linear", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-radial", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-conic", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-left", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-right", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-bottom", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-top", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-linear-position", "0deg"),
-  property("--tw-mask-linear-from-position", "0%"),
-  property("--tw-mask-linear-to-position", "100%"),
-  property("--tw-mask-linear-from-color", "black"),
-  property("--tw-mask-linear-to-color", "transparent"),
-  property("--tw-mask-radial-from-position", "0%"),
-  property("--tw-mask-radial-to-position", "100%"),
-  property("--tw-mask-radial-from-color", "black"),
-  property("--tw-mask-radial-to-color", "transparent"),
-  property("--tw-mask-radial-shape", "ellipse"),
-  property("--tw-mask-radial-size", "farthest-corner"),
-  property("--tw-mask-radial-position", "center"),
-  property("--tw-mask-conic-position", "0deg"),
-  property("--tw-mask-conic-from-position", "0%"),
-  property("--tw-mask-conic-to-position", "100%"),
-  property("--tw-mask-conic-from-color", "black"),
-  property("--tw-mask-conic-to-color", "transparent"),
-  property("--tw-font-weight"),
-  property("--tw-blur"),
-  property("--tw-brightness"),
-  property("--tw-contrast"),
-  property("--tw-grayscale"),
-  property("--tw-hue-rotate"),
-  property("--tw-invert"),
-  property("--tw-opacity"),
-  property("--tw-saturate"),
-  property("--tw-sepia"),
-  property("--tw-drop-shadow"),
-  property("--tw-drop-shadow-color"),
-  property("--tw-drop-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-drop-shadow-size"),
-  property("--tw-backdrop-blur"),
-  property("--tw-backdrop-brightness"),
-  property("--tw-backdrop-contrast"),
-  property("--tw-backdrop-grayscale"),
-  property("--tw-backdrop-hue-rotate"),
-  property("--tw-backdrop-invert"),
-  property("--tw-backdrop-opacity"),
-  property("--tw-backdrop-saturate"),
-  property("--tw-backdrop-sepia"),
-  property("--tw-duration", "initial"),
-  property("--tw-ease", "initial"),
-  property("--tw-content", '""'),
-  property("--tw-contain-size"),
-  property("--tw-contain-layout"),
-  property("--tw-contain-paint"),
-  property("--tw-contain-style"),
-  property("--tw-leading"),
-  property("--tw-tracking"),
-  property("--tw-ordinal"),
-  property("--tw-slashed-zero"),
-  property("--tw-numeric-figure"),
-  property("--tw-numeric-spacing"),
-  property("--tw-numeric-fraction"),
-  property("--tw-outline-style", "solid"),
-  property("--tw-text-shadow-color", "initial"),
-  property("--tw-text-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-shadow", nullShadow),
-  property("--tw-shadow-color", "initial"),
-  property("--tw-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-inset-shadow", nullShadow),
-  property("--tw-inset-shadow-color", "initial"),
-  property("--tw-inset-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-ring-color"),
-  property("--tw-ring-shadow", nullShadow),
-  property("--tw-inset-ring-color"),
-  property("--tw-inset-ring-shadow", nullShadow),
-  // Legacy 旧版变量兼容
-  property("--tw-ring-inset"),
-  property("--tw-ring-offset-width", "0px", "<length>"),
-  property("--tw-ring-offset-color", "#fff"),
-  property("--tw-ring-offset-shadow", nullShadow)
-];
-for (const edge of ["top", "right", "bottom", "left"]) {
-  nodes.push(
-    property(`--tw-mask-${edge}-from-position`, "0%"),
-    property(`--tw-mask-${edge}-to-position`, "100%"),
-    property(`--tw-mask-${edge}-from-color`, "black"),
-    property(`--tw-mask-${edge}-to-color`, "transparent")
-  );
-}
-var cssVarsV4_default = nodes;
-
 // src/mp.ts
 var cssVarsV3Nodes = cssVarsV3_default.map((x) => {
   return new (0, _postcss.Declaration)({
@@ -1417,12 +1467,6 @@ var cssVarsV3Nodes = cssVarsV3_default.map((x) => {
     value: x.value
   });
 });
-var cssVarsV4Nodes = cssVarsV4_default.map((x) => {
-  return new (0, _postcss.Declaration)({
-    prop: x.prop,
-    value: x.value
-  });
-});
 function testIfVariablesScope(node, count = 2) {
   if (isOnlyBeforeAndAfterPseudoElement(node)) {
     const nodes2 = node.nodes;
@@ -1455,9 +1499,6 @@ function testIfTwBackdrop(node, count = 2) {
   }
   return false;
 }
-function testIfRootHostForV4(node) {
-  return node.type === "rule" && node.selector.includes(":root") && node.selector.includes(":host");
-}
 function makePseudoVarRule() {
   const pseudoVarRule = new (0, _postcss.Rule)({
     // selectors: ['::before', '::after'],
@@ -1492,14 +1533,14 @@ function remakeCssVarSelector(selectors, options) {
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
   if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _59 => _59.markVariablesScope, 'call', _60 => _60(node)]);
+    _optionalChain([ctx, 'optionalAccess', _60 => _60.markVariablesScope, 'call', _61 => _61(node)]);
     node.selectors = remakeCssVarSelector(node.selectors, options);
     node.before(makePseudoVarRule());
     if (typeof cssInjectPreflight === "function") {
       node.append(...cssInjectPreflight());
     }
   }
-  const isTailwindcss4 = options.majorVersion === 4;
+  const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new (0, _postcss.Rule)({
       selectors: ["*", "::after", "::before"],
@@ -1518,14 +1559,6 @@ function commonChunkPreflight(node, options) {
 function isAtMediaHover(atRule) {
   return /media\(\s*hover\s*:\s*hover\s*\)/.test(atRule.name) || atRule.name === "media" && /\(\s*hover\s*:\s*hover\s*\)/.test(atRule.params);
 }
-function isTailwindcssV4ModernCheck(atRule) {
-  return atRule.name === "supports" && [
-    /-webkit-hyphens\s*:\s*none/,
-    /margin-trim\s*:\s*inline/,
-    /-moz-orient\s*:\s*inline/,
-    /color\s*:\s*rgb\(\s*from\s+red\s+r\s+g\s+b\s*\)/
-  ].every((regex) => regex.test(atRule.params));
-}
 var postcssWeappTailwindcssPrePlugin = (options) => {
   const opts = _shared.defu.call(void 0, options, { isMainChunk: true });
   const p = {
@@ -1557,9 +1590,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _61 => _61.nodes, 'optionalAccess', _62 => _62.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _62 => _62.nodes, 'optionalAccess', _63 => _63.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _63 => _63.first, 'optionalAccess', _64 => _64.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _64 => _64.first, 'optionalAccess', _65 => _65.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -1571,7 +1604,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _65 => _65.first, 'optionalAccess', _66 => _66.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _66 => _66.first, 'optionalAccess', _67 => _67.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -1616,7 +1649,7 @@ function createPipelineDefinitions(options) {
     normal: [],
     post: []
   };
-  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _67 => _67.postcssOptions, 'optionalAccess', _68 => _68.plugins]));
+  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _68 => _68.postcssOptions, 'optionalAccess', _69 => _69.plugins]));
   userPlugins.forEach((plugin, index) => {
     stages.pre.push(createStaticDefinition(`pre:user-${index}`, "pre", plugin));
   });
@@ -1776,7 +1809,7 @@ function createInjectPreflight(options) {
 function createProcessOptions(options) {
   return {
     from: void 0,
-    ..._nullishCoalesce(_optionalChain([options, 'access', _69 => _69.postcssOptions, 'optionalAccess', _70 => _70.options]), () => ( {}))
+    ..._nullishCoalesce(_optionalChain([options, 'access', _70 => _70.postcssOptions, 'optionalAccess', _71 => _71.options]), () => ( {}))
   };
 }
 var pipelineCache = /* @__PURE__ */ new WeakMap();
@@ -1791,7 +1824,7 @@ function getCachedPipeline(options) {
   return pipeline;
 }
 function getCachedProcessOptions(options) {
-  const source = _optionalChain([options, 'access', _71 => _71.postcssOptions, 'optionalAccess', _72 => _72.options]);
+  const source = _optionalChain([options, 'access', _72 => _72.postcssOptions, 'optionalAccess', _73 => _73.options]);
   let cached = processOptionsCache.get(options);
   const cachedSource = processOptionsSourceCache.get(options);
   if (!cached || cachedSource !== source) {

package/dist/index.mjs

@@ -276,6 +276,227 @@ function getRemTransformPlugin(options) {
 // src/plugins/post.ts
 import { defu } from "@weapp-tailwindcss/shared";
 
+// src/compat/tailwindcss-v4.ts
+import { Declaration } from "postcss";
+
+// src/cssVarsV4.ts
+function property(ident, initialValue, _syntax) {
+  return {
+    prop: ident,
+    value: initialValue || ""
+  };
+}
+var nullShadow = "0 0 #0000";
+var nodes = [
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1137
+  property("--tw-border-spacing-x", "0", "<length>"),
+  property("--tw-border-spacing-y", "0", "<length>"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1205
+  property("--tw-translate-x", "0"),
+  property("--tw-translate-y", "0"),
+  property("--tw-translate-z", "0"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1285
+  property("--tw-scale-x", "1"),
+  property("--tw-scale-y", "1"),
+  property("--tw-scale-z", "1"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1424
+  property("--tw-rotate-x"),
+  property("--tw-rotate-y"),
+  property("--tw-rotate-z"),
+  property("--tw-skew-x"),
+  property("--tw-skew-y"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1641C13-L1641C88
+  property("--tw-pan-x"),
+  property("--tw-pan-y"),
+  property("--tw-pinch-zoom"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
+  property("--tw-scroll-snap-strictness", "proximity", "*"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
+  property("--tw-space-x-reverse", "0"),
+  property("--tw-space-y-reverse", "0"),
+  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L2169C22-L2169C60
+  property("--tw-border-style", "solid"),
+  property("--tw-divide-x-reverse", "0"),
+  property("--tw-divide-y-reverse", "0"),
+  property("--tw-gradient-position", "initial"),
+  property("--tw-gradient-from", "#0000", "<color>"),
+  property("--tw-gradient-via", "#0000", "<color>"),
+  property("--tw-gradient-to", "#0000", "<color>"),
+  property("--tw-gradient-stops", "initial"),
+  property("--tw-gradient-via-stops", "initial"),
+  property("--tw-gradient-from-position", "0%", "<length-percentage>"),
+  property("--tw-gradient-via-position", "50%", "<length-percentage>"),
+  property("--tw-gradient-to-position", "100%", "<length-percentage>"),
+  property("--tw-mask-linear", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-radial", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-conic", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-left", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-right", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-bottom", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-top", "linear-gradient(#fff, #fff)"),
+  property("--tw-mask-linear-position", "0deg"),
+  property("--tw-mask-linear-from-position", "0%"),
+  property("--tw-mask-linear-to-position", "100%"),
+  property("--tw-mask-linear-from-color", "black"),
+  property("--tw-mask-linear-to-color", "transparent"),
+  property("--tw-mask-radial-from-position", "0%"),
+  property("--tw-mask-radial-to-position", "100%"),
+  property("--tw-mask-radial-from-color", "black"),
+  property("--tw-mask-radial-to-color", "transparent"),
+  property("--tw-mask-radial-shape", "ellipse"),
+  property("--tw-mask-radial-size", "farthest-corner"),
+  property("--tw-mask-radial-position", "center"),
+  property("--tw-mask-conic-position", "0deg"),
+  property("--tw-mask-conic-from-position", "0%"),
+  property("--tw-mask-conic-to-position", "100%"),
+  property("--tw-mask-conic-from-color", "black"),
+  property("--tw-mask-conic-to-color", "transparent"),
+  property("--tw-font-weight"),
+  property("--tw-blur"),
+  property("--tw-brightness"),
+  property("--tw-contrast"),
+  property("--tw-grayscale"),
+  property("--tw-hue-rotate"),
+  property("--tw-invert"),
+  property("--tw-opacity"),
+  property("--tw-saturate"),
+  property("--tw-sepia"),
+  property("--tw-drop-shadow"),
+  property("--tw-drop-shadow-color"),
+  property("--tw-drop-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-drop-shadow-size"),
+  property("--tw-backdrop-blur"),
+  property("--tw-backdrop-brightness"),
+  property("--tw-backdrop-contrast"),
+  property("--tw-backdrop-grayscale"),
+  property("--tw-backdrop-hue-rotate"),
+  property("--tw-backdrop-invert"),
+  property("--tw-backdrop-opacity"),
+  property("--tw-backdrop-saturate"),
+  property("--tw-backdrop-sepia"),
+  property("--tw-duration", "initial"),
+  property("--tw-ease", "initial"),
+  property("--tw-content", '""'),
+  property("--tw-contain-size"),
+  property("--tw-contain-layout"),
+  property("--tw-contain-paint"),
+  property("--tw-contain-style"),
+  property("--tw-leading"),
+  property("--tw-tracking"),
+  property("--tw-ordinal"),
+  property("--tw-slashed-zero"),
+  property("--tw-numeric-figure"),
+  property("--tw-numeric-spacing"),
+  property("--tw-numeric-fraction"),
+  property("--tw-outline-style", "solid"),
+  property("--tw-text-shadow-color", "initial"),
+  property("--tw-text-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-shadow", nullShadow),
+  property("--tw-shadow-color", "initial"),
+  property("--tw-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-inset-shadow", nullShadow),
+  property("--tw-inset-shadow-color", "initial"),
+  property("--tw-inset-shadow-alpha", "100%", "<percentage>"),
+  property("--tw-ring-color"),
+  property("--tw-ring-shadow", nullShadow),
+  property("--tw-inset-ring-color"),
+  property("--tw-inset-ring-shadow", nullShadow),
+  // Legacy 旧版变量兼容
+  property("--tw-ring-inset"),
+  property("--tw-ring-offset-width", "0px", "<length>"),
+  property("--tw-ring-offset-color", "#fff"),
+  property("--tw-ring-offset-shadow", nullShadow)
+];
+for (const edge of ["top", "right", "bottom", "left"]) {
+  nodes.push(
+    property(`--tw-mask-${edge}-from-position`, "0%"),
+    property(`--tw-mask-${edge}-to-position`, "100%"),
+    property(`--tw-mask-${edge}-from-color`, "black"),
+    property(`--tw-mask-${edge}-to-color`, "transparent")
+  );
+}
+var cssVarsV4_default = nodes;
+
+// src/compat/tailwindcss-v4.ts
+var OKLAB_SUFFIX = "in oklab";
+var INFINITY_CALC_REGEXP = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/;
+var RADIUS_THRESHOLD = 1e5;
+var CLAMP_PX = 9999;
+function isTailwindcssV4(options) {
+  return options?.majorVersion === 4;
+}
+function testIfRootHostForV4(node) {
+  return node.type === "rule" && node.selector.includes(":root") && node.selector.includes(":host");
+}
+var cssVarsV4Nodes = cssVarsV4_default.map((x) => {
+  return new Declaration({
+    prop: x.prop,
+    value: x.value
+  });
+});
+function isTailwindcssV4ModernCheck(atRule) {
+  return atRule.name === "supports" && [
+    /-webkit-hyphens\s*:\s*none/,
+    /margin-trim\s*:\s*inline/,
+    /-moz-orient\s*:\s*inline/,
+    /color\s*:\s*rgb\(\s*from\s+red\s+r\s+g\s+b\s*\)/
+  ].every((regex) => regex.test(atRule.params));
+}
+function normalizeTailwindcssV4Declaration(decl) {
+  if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
+    decl.value = decl.value.slice(0, decl.value.length - OKLAB_SUFFIX.length);
+    return true;
+  }
+  if (INFINITY_CALC_REGEXP.test(decl.value)) {
+    decl.value = `${CLAMP_PX}px`;
+    return true;
+  }
+  if (decl.prop.includes("radius")) {
+    const next = decl.value.replace(
+      /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi,
+      (m, num) => {
+        const n = Number(num);
+        if (!Number.isFinite(n)) {
+          return `${CLAMP_PX}px`;
+        }
+        if (/e/i.test(String(num)) || n > RADIUS_THRESHOLD) {
+          return `${CLAMP_PX}px`;
+        }
+        return m;
+      }
+    );
+    if (next !== decl.value) {
+      decl.value = next;
+      return true;
+    }
+  }
+  return false;
+}
+
+// src/compat/uni-app-x.ts
+function isUniAppXEnabled(options) {
+  return Boolean(options?.uniAppX);
+}
+function stripUnsupportedPseudoForUniAppX(node, enabled) {
+  if (!enabled) {
+    return;
+  }
+  node.remove();
+}
+function stripUnsupportedNodeForUniAppX(node, options) {
+  if (!isUniAppXEnabled(options)) {
+    return false;
+  }
+  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
+    node.remove();
+    return true;
+  }
+  return false;
+}
+function shouldRemoveEmptyRuleForUniAppX(rule, options) {
+  return isUniAppXEnabled(options) && rule.nodes.length === 0;
+}
+
 // src/constants.ts
 var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 
@@ -366,7 +587,7 @@ function getFallbackRemove(_rule, options) {
   const cacheKey = options ?? fallbackDefaultKey;
   let entry = fallbackRemoveCache.get(cacheKey);
   if (!entry) {
-    const uniAppX = Boolean(options?.uniAppX);
+    const uniAppX = isUniAppXEnabled(options);
     let currentRule;
     const parser = psp3((selectors) => {
       const activeRule = currentRule;
@@ -417,9 +638,7 @@ function getFallbackRemove(_rule, options) {
               selector.remove();
             }
           } else if (selector.type === "pseudo") {
-            if (uniAppX) {
-              selector.remove();
-            }
+            stripUnsupportedPseudoForUniAppX(selector, uniAppX);
           }
         }
       });
@@ -621,7 +840,7 @@ function normalizeSpacingDeclarations(rule) {
   dedupeSpacingProps(rule);
 }
 function flattenWherePseudo(node, context, index, parent) {
-  if (context.options.uniAppX) {
+  if (isUniAppXEnabled(context.options)) {
     node.value = ":is";
   }
   if (index === 0 && node.length === 1) {
@@ -705,12 +924,7 @@ function handlePseudoNode(node, index, context, parent) {
   }
 }
 function handleTagOrAttribute(node, context) {
-  if (!context.options.uniAppX) {
-    return;
-  }
-  if (node.type === "tag" || node.type === "attribute") {
-    node.remove();
-  }
+  stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
   if (shouldRemoveHoverSelector(selector, context.options)) {
@@ -842,7 +1056,6 @@ function createRootSpecificityCleaner(options) {
     rule.selectors = next;
   };
 }
-var OklabSuffix = "in oklab";
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
   ["margin-inline-start", "margin-left"],
@@ -1014,39 +1227,14 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
           rule.remove();
         }
-        if (opts.uniAppX && rule.nodes.length === 0) {
+        if (shouldRemoveEmptyRuleForUniAppX(rule, opts)) {
           rule.remove();
         }
       }
     };
   }
   if (enableMainChunkTransforms) {
-    p.DeclarationExit = (decl) => {
-      if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
-        decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-      } else if (/calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/.test(decl.value)) {
-        decl.value = "9999px";
-      } else if (decl.prop.includes("radius")) {
-        const CLAMP_PX = 9999;
-        const THRESHOLD = 1e5;
-        const next = decl.value.replace(
-          /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi,
-          (m, num) => {
-            const n = Number(num);
-            if (!Number.isFinite(n)) {
-              return `${CLAMP_PX}px`;
-            }
-            if (/e/i.test(String(num)) || n > THRESHOLD) {
-              return `${CLAMP_PX}px`;
-            }
-            return m;
-          }
-        );
-        if (next !== decl.value) {
-          decl.value = next;
-        }
-      }
-    };
+    p.DeclarationExit = (decl) => normalizeTailwindcssV4Declaration(decl);
     p.AtRuleExit = (atRule) => {
       if (opts.cssRemoveProperty && atRule.name === "property") {
         atRule.remove();
@@ -1062,7 +1250,7 @@ postcssWeappTailwindcssPostPlugin.postcss = true;
 import { defu as defu2 } from "@weapp-tailwindcss/shared";
 
 // src/mp.ts
-import { Declaration, Rule } from "postcss";
+import { Declaration as Declaration2, Rule } from "postcss";
 
 // src/cssVarsV3.ts
 var cssVarsV3_default = [
@@ -1272,153 +1460,9 @@ var cssVarsV3_default = [
   }
 ];
 
-// src/cssVarsV4.ts
-function property(ident, initialValue, _syntax) {
-  return {
-    prop: ident,
-    value: initialValue || ""
-  };
-}
-var nullShadow = "0 0 #0000";
-var nodes = [
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1137
-  property("--tw-border-spacing-x", "0", "<length>"),
-  property("--tw-border-spacing-y", "0", "<length>"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1205
-  property("--tw-translate-x", "0"),
-  property("--tw-translate-y", "0"),
-  property("--tw-translate-z", "0"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1285
-  property("--tw-scale-x", "1"),
-  property("--tw-scale-y", "1"),
-  property("--tw-scale-z", "1"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1424
-  property("--tw-rotate-x"),
-  property("--tw-rotate-y"),
-  property("--tw-rotate-z"),
-  property("--tw-skew-x"),
-  property("--tw-skew-y"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1641C13-L1641C88
-  property("--tw-pan-x"),
-  property("--tw-pan-y"),
-  property("--tw-pinch-zoom"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
-  property("--tw-scroll-snap-strictness", "proximity", "*"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L1688C38-L1688C95
-  property("--tw-space-x-reverse", "0"),
-  property("--tw-space-y-reverse", "0"),
-  // 参考：https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/src/utilities.ts#L2169C22-L2169C60
-  property("--tw-border-style", "solid"),
-  property("--tw-divide-x-reverse", "0"),
-  property("--tw-divide-y-reverse", "0"),
-  property("--tw-gradient-position", "initial"),
-  property("--tw-gradient-from", "#0000", "<color>"),
-  property("--tw-gradient-via", "#0000", "<color>"),
-  property("--tw-gradient-to", "#0000", "<color>"),
-  property("--tw-gradient-stops", "initial"),
-  property("--tw-gradient-via-stops", "initial"),
-  property("--tw-gradient-from-position", "0%", "<length-percentage>"),
-  property("--tw-gradient-via-position", "50%", "<length-percentage>"),
-  property("--tw-gradient-to-position", "100%", "<length-percentage>"),
-  property("--tw-mask-linear", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-radial", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-conic", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-left", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-right", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-bottom", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-top", "linear-gradient(#fff, #fff)"),
-  property("--tw-mask-linear-position", "0deg"),
-  property("--tw-mask-linear-from-position", "0%"),
-  property("--tw-mask-linear-to-position", "100%"),
-  property("--tw-mask-linear-from-color", "black"),
-  property("--tw-mask-linear-to-color", "transparent"),
-  property("--tw-mask-radial-from-position", "0%"),
-  property("--tw-mask-radial-to-position", "100%"),
-  property("--tw-mask-radial-from-color", "black"),
-  property("--tw-mask-radial-to-color", "transparent"),
-  property("--tw-mask-radial-shape", "ellipse"),
-  property("--tw-mask-radial-size", "farthest-corner"),
-  property("--tw-mask-radial-position", "center"),
-  property("--tw-mask-conic-position", "0deg"),
-  property("--tw-mask-conic-from-position", "0%"),
-  property("--tw-mask-conic-to-position", "100%"),
-  property("--tw-mask-conic-from-color", "black"),
-  property("--tw-mask-conic-to-color", "transparent"),
-  property("--tw-font-weight"),
-  property("--tw-blur"),
-  property("--tw-brightness"),
-  property("--tw-contrast"),
-  property("--tw-grayscale"),
-  property("--tw-hue-rotate"),
-  property("--tw-invert"),
-  property("--tw-opacity"),
-  property("--tw-saturate"),
-  property("--tw-sepia"),
-  property("--tw-drop-shadow"),
-  property("--tw-drop-shadow-color"),
-  property("--tw-drop-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-drop-shadow-size"),
-  property("--tw-backdrop-blur"),
-  property("--tw-backdrop-brightness"),
-  property("--tw-backdrop-contrast"),
-  property("--tw-backdrop-grayscale"),
-  property("--tw-backdrop-hue-rotate"),
-  property("--tw-backdrop-invert"),
-  property("--tw-backdrop-opacity"),
-  property("--tw-backdrop-saturate"),
-  property("--tw-backdrop-sepia"),
-  property("--tw-duration", "initial"),
-  property("--tw-ease", "initial"),
-  property("--tw-content", '""'),
-  property("--tw-contain-size"),
-  property("--tw-contain-layout"),
-  property("--tw-contain-paint"),
-  property("--tw-contain-style"),
-  property("--tw-leading"),
-  property("--tw-tracking"),
-  property("--tw-ordinal"),
-  property("--tw-slashed-zero"),
-  property("--tw-numeric-figure"),
-  property("--tw-numeric-spacing"),
-  property("--tw-numeric-fraction"),
-  property("--tw-outline-style", "solid"),
-  property("--tw-text-shadow-color", "initial"),
-  property("--tw-text-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-shadow", nullShadow),
-  property("--tw-shadow-color", "initial"),
-  property("--tw-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-inset-shadow", nullShadow),
-  property("--tw-inset-shadow-color", "initial"),
-  property("--tw-inset-shadow-alpha", "100%", "<percentage>"),
-  property("--tw-ring-color"),
-  property("--tw-ring-shadow", nullShadow),
-  property("--tw-inset-ring-color"),
-  property("--tw-inset-ring-shadow", nullShadow),
-  // Legacy 旧版变量兼容
-  property("--tw-ring-inset"),
-  property("--tw-ring-offset-width", "0px", "<length>"),
-  property("--tw-ring-offset-color", "#fff"),
-  property("--tw-ring-offset-shadow", nullShadow)
-];
-for (const edge of ["top", "right", "bottom", "left"]) {
-  nodes.push(
-    property(`--tw-mask-${edge}-from-position`, "0%"),
-    property(`--tw-mask-${edge}-to-position`, "100%"),
-    property(`--tw-mask-${edge}-from-color`, "black"),
-    property(`--tw-mask-${edge}-to-color`, "transparent")
-  );
-}
-var cssVarsV4_default = nodes;
-
 // src/mp.ts
 var cssVarsV3Nodes = cssVarsV3_default.map((x) => {
-  return new Declaration({
-    prop: x.prop,
-    value: x.value
-  });
-});
-var cssVarsV4Nodes = cssVarsV4_default.map((x) => {
-  return new Declaration({
+  return new Declaration2({
     prop: x.prop,
     value: x.value
   });
@@ -1455,16 +1499,13 @@ function testIfTwBackdrop(node, count = 2) {
   }
   return false;
 }
-function testIfRootHostForV4(node) {
-  return node.type === "rule" && node.selector.includes(":root") && node.selector.includes(":host");
-}
 function makePseudoVarRule() {
   const pseudoVarRule = new Rule({
     // selectors: ['::before', '::after'],
     selector: "::before,::after"
   });
   pseudoVarRule.append(
-    new Declaration({
+    new Declaration2({
       prop: "--tw-content",
       value: '""'
     })
@@ -1499,7 +1540,7 @@ function commonChunkPreflight(node, options) {
       node.append(...cssInjectPreflight());
     }
   }
-  const isTailwindcss4 = options.majorVersion === 4;
+  const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new Rule({
       selectors: ["*", "::after", "::before"],
@@ -1518,14 +1559,6 @@ function commonChunkPreflight(node, options) {
 function isAtMediaHover(atRule) {
   return /media\(\s*hover\s*:\s*hover\s*\)/.test(atRule.name) || atRule.name === "media" && /\(\s*hover\s*:\s*hover\s*\)/.test(atRule.params);
 }
-function isTailwindcssV4ModernCheck(atRule) {
-  return atRule.name === "supports" && [
-    /-webkit-hyphens\s*:\s*none/,
-    /margin-trim\s*:\s*inline/,
-    /-moz-orient\s*:\s*inline/,
-    /color\s*:\s*rgb\(\s*from\s+red\s+r\s+g\s+b\s*\)/
-  ].every((regex) => regex.test(atRule.params));
-}
 var postcssWeappTailwindcssPrePlugin = (options) => {
   const opts = defu2(options, { isMainChunk: true });
   const p = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -43,9 +43,9 @@
     "@weapp-tailwindcss/postcss-calc": "^1.0.0",
     "postcss": "~8.5.6",
     "postcss-preset-env": "^10.4.0",
-    "postcss-pxtransform": "^4.1.8",
+    "postcss-pxtransform": "^4.1.9",
     "postcss-rem-to-responsive-pixel": "^6.1.0",
-    "postcss-selector-parser": "~7.1.0",
+    "postcss-selector-parser": "~7.1.1",
     "postcss-value-parser": "^4.2.0",
     "@weapp-tailwindcss/shared": "1.1.1"
   },