@weapp-tailwindcss/postcss 2.1.6-alpha.1 → 2.1.6-alpha.2

package/dist/index.js

@@ -794,13 +794,16 @@ function stripUnsupportedPseudoForUniAppX(node, enabled) {
   if (!enabled) {
     return;
   }
+  if (node.value === ":host") {
+    return;
+  }
   node.remove();
 }
 function stripUnsupportedNodeForUniAppX(node, options) {
   if (!isUniAppXEnabled(options)) {
     return false;
   }
-  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
+  if (node.type === "attribute" || node.type === "pseudo") {
     node.remove();
     return true;
   }
@@ -1307,10 +1310,17 @@ function shouldRemoveHoverSelector(selector, options) {
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
 var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  ":after",
+  ":before",
+  "::after",
+  "::before",
   "::backdrop",
   "::file-selector-button"
 ]);
-function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
+  if (!isUniAppXEnabled(options)) {
+    return selector.nodes.some((node) => node.type === "pseudo" && (node.value === "::backdrop" || node.value === "::file-selector-button"));
+  }
   return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
 }
 function isHiddenOrTemplateNotPseudo(node) {
@@ -1369,7 +1379,7 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
-  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector, context.options)) {
     selector.remove();
     return;
   }
@@ -1516,6 +1526,65 @@ function ruleTransformSync(rule, options) {
   transformer(rule);
 }
 
+// src/utils/selector-guard.ts
+var ruleSelectorMutationStateMap = /* @__PURE__ */ new WeakMap();
+var DEFAULT_SELECTOR_MUTATION_LIMIT = 24;
+function toSelectorSignature(selectors) {
+  return selectors.join(",");
+}
+function getRuleSelectorMutationState(rule) {
+  let state = ruleSelectorMutationStateMap.get(rule);
+  if (!state) {
+    state = {
+      count: 0,
+      seen: /* @__PURE__ */ new Set(),
+      trace: []
+    };
+    const current = _nullishCoalesce(rule.selectors, () => ( []));
+    state.seen.add(toSelectorSignature(current));
+    ruleSelectorMutationStateMap.set(rule, state);
+  }
+  return state;
+}
+function pushTrace(state, meta, selectors) {
+  state.trace.push(`${meta.phase}:${meta.reason}:${toSelectorSignature(selectors)}`);
+  if (state.trace.length > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    state.trace.shift();
+  }
+}
+function createSelectorCycleError(meta, state, selectors) {
+  const next = toSelectorSignature(selectors);
+  const trace = [...state.trace, `${meta.phase}:${meta.reason}:${next}`].join(" -> ");
+  return new Error(`[postcss-selector-guard] \u68C0\u6D4B\u5230\u53EF\u80FD\u7684\u9009\u62E9\u5668\u6B7B\u5FAA\u73AF: ${trace}`);
+}
+function assignRuleSelectors(rule, selectors, meta) {
+  const current = _nullishCoalesce(rule.selectors, () => ( []));
+  const currentSignature = toSelectorSignature(current);
+  const nextSignature = toSelectorSignature(selectors);
+  if (currentSignature === nextSignature) {
+    return false;
+  }
+  const state = getRuleSelectorMutationState(rule);
+  if (state.seen.has(nextSignature)) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  state.count += 1;
+  if (state.count > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  pushTrace(state, meta, selectors);
+  state.seen.add(nextSignature);
+  rule.selectors = selectors;
+  return true;
+}
+function appendRuleSelector(rule, selector, meta) {
+  const current = _nullishCoalesce(rule.selectors, () => ( []));
+  if (current.includes(selector)) {
+    return false;
+  }
+  return assignRuleSelectors(rule, [...current, selector], meta);
+}
+
 // src/plugins/post/decl-dedupe.ts
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
@@ -1684,6 +1753,7 @@ function createRootSpecificityCleaner(options) {
     if (!rule.selectors || rule.selectors.length === 0) {
       return;
     }
+    let changed = false;
     const next = rule.selectors.map((selector) => {
       let updated = selector;
       for (const target of targets) {
@@ -1694,9 +1764,15 @@ function createRootSpecificityCleaner(options) {
           updated = updated.split(target.spacedMatch).join(target.replacement);
         }
       }
+      if (updated !== selector) {
+        changed = true;
+      }
       return updated;
     });
-    rule.selectors = next;
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-root-specificity"
+    });
   };
 }
 
@@ -1741,7 +1817,10 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       _optionalChain([cleanRootSpecificity, 'optionalCall', _58 => _58(rule)]);
       if (enableMainChunkTransforms) {
         if (_optionalChain([shouldAppendHostSelector, 'optionalCall', _59 => _59(rule)])) {
-          rule.selectors = [...rule.selectors, ":host"];
+          appendRuleSelector(rule, ":host", {
+            phase: "post",
+            reason: "append-host-selector"
+          });
         }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
@@ -2047,20 +2126,39 @@ function remakeCssVarSelector(selectors, options) {
   }
   return selectors;
 }
+function resolveUniAppXVariableScopeSelectors(options) {
+  const universal = _optionalChain([options, 'access', _62 => _62.cssSelectorReplacement, 'optionalAccess', _63 => _63.universal]);
+  if (Array.isArray(universal) && universal.length > 0) {
+    return [...universal];
+  }
+  if (typeof universal === "string" && universal.length > 0) {
+    return [universal];
+  }
+  return ["view", "text"];
+}
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
-  const rootOption = _optionalChain([options, 'access', _62 => _62.cssSelectorReplacement, 'optionalAccess', _63 => _63.root]);
+  const uniAppXEnabled = isUniAppXEnabled(options);
+  const rootOption = _optionalChain([options, 'access', _64 => _64.cssSelectorReplacement, 'optionalAccess', _65 => _65.root]);
   const rootSelectors = rootOption === false || rootOption === void 0 ? [] : Array.isArray(rootOption) ? rootOption.filter(Boolean) : [rootOption];
   const hasHostSelector = node.selectors.some((selector) => selector.includes(":host"));
   const hasRootPseudoSelector = node.selectors.some((selector) => selector.includes(":root"));
   const hasAllDefaultRootSelectors = DEFAULT_ROOT_SELECTORS2.every((selector) => node.selectors.includes(selector));
   if (!hasHostSelector && !rootSelectors.includes(":host") && (hasRootPseudoSelector || rootSelectors.length === DEFAULT_ROOT_SELECTORS2.length && rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS2[index]) && hasAllDefaultRootSelectors)) {
-    node.selectors = [...node.selectors, ":host"];
+    appendRuleSelector(node, ":host", {
+      phase: "pre",
+      reason: "append-host-selector"
+    });
   }
-  if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _64 => _64.markVariablesScope, 'call', _65 => _65(node)]);
-    node.selectors = remakeCssVarSelector(node.selectors, options);
-    node.before(makePseudoVarRule());
+  if (testIfVariablesScope(node) || uniAppXEnabled && node.selectors.includes("*") && hasTwVars(node, 2)) {
+    _optionalChain([ctx, 'optionalAccess', _66 => _66.markVariablesScope, 'call', _67 => _67(node)]);
+    assignRuleSelectors(node, uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : remakeCssVarSelector(node.selectors, options), {
+      phase: "pre",
+      reason: "rewrite-variable-scope"
+    });
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       node.append(...cssInjectPreflight());
     }
@@ -2068,12 +2166,19 @@ function commonChunkPreflight(node, options) {
   const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new (0, _postcss.Rule)({
-      selectors: ["*", "::after", "::before"],
+      selectors: uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : ["*", "::after", "::before"],
       nodes: isTailwindcss4 ? cssVarsV4Nodes : cssVarsV3Nodes
     });
-    syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
+    if (!uniAppXEnabled) {
+      assignRuleSelectors(syntheticRule, remakeCssVarSelector(syntheticRule.selectors, options), {
+        phase: "pre",
+        reason: "rewrite-synthetic-variable-scope"
+      });
+    }
     node.before(syntheticRule);
-    node.before(makePseudoVarRule());
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       syntheticRule.append(...cssInjectPreflight());
     }
@@ -2118,9 +2223,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _66 => _66.nodes, 'optionalAccess', _67 => _67.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _68 => _68.nodes, 'optionalAccess', _69 => _69.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _68 => _68.first, 'optionalAccess', _69 => _69.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _70 => _70.first, 'optionalAccess', _71 => _71.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -2132,7 +2237,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _70 => _70.first, 'optionalAccess', _71 => _71.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _72 => _72.first, 'optionalAccess', _73 => _73.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -2168,7 +2273,7 @@ function createPreparedNode(id, stage, createPlugin) {
 }
 function createPreparedNodes(options) {
   const preparedNodes = [];
-  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _72 => _72.postcssOptions, 'optionalAccess', _73 => _73.plugins]));
+  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _74 => _74.postcssOptions, 'optionalAccess', _75 => _75.plugins]));
   const presetEnvOptions = options.cssPresetEnv;
   userPlugins.forEach((plugin, index) => {
     preparedNodes.push(createPreparedNode(`pre:user-${index}`, "pre", () => plugin));
@@ -2264,7 +2369,7 @@ function createStylePipeline(options) {
 function createProcessOptions(options) {
   return {
     from: void 0,
-    ..._nullishCoalesce(_optionalChain([options, 'access', _74 => _74.postcssOptions, 'optionalAccess', _75 => _75.options]), () => ( {}))
+    ..._nullishCoalesce(_optionalChain([options, 'access', _76 => _76.postcssOptions, 'optionalAccess', _77 => _77.options]), () => ( {}))
   };
 }
 function getSimpleProcessOptionsCacheKey(options) {
@@ -2303,7 +2408,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
   __init4() {this.processorCacheByKey = /* @__PURE__ */ new Map()}
   __init5() {this.processorKeyCache = /* @__PURE__ */ new WeakMap()}
   createProcessorCacheKey(options) {
-    const from = _optionalChain([options, 'access', _76 => _76.postcssOptions, 'optionalAccess', _77 => _77.options, 'optionalAccess', _78 => _78.from]);
+    const from = _optionalChain([options, 'access', _78 => _78.postcssOptions, 'optionalAccess', _79 => _79.options, 'optionalAccess', _80 => _80.from]);
     if (from == null) {
       return fingerprintOptions(options);
     }
@@ -2312,7 +2417,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
       postcssOptions: {
         ..._nullishCoalesce(options.postcssOptions, () => ( {})),
         options: {
-          ..._nullishCoalesce(_optionalChain([options, 'access', _79 => _79.postcssOptions, 'optionalAccess', _80 => _80.options]), () => ( {})),
+          ..._nullishCoalesce(_optionalChain([options, 'access', _81 => _81.postcssOptions, 'optionalAccess', _82 => _82.options]), () => ( {})),
           from: void 0
         }
       }
@@ -2327,7 +2432,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
     return pipeline;
   }
   getProcessOptions(options) {
-    const source = _optionalChain([options, 'access', _81 => _81.postcssOptions, 'optionalAccess', _82 => _82.options]);
+    const source = _optionalChain([options, 'access', _83 => _83.postcssOptions, 'optionalAccess', _84 => _84.options]);
     const cacheKey = source ? _nullishCoalesce(getSimpleProcessOptionsCacheKey(source), () => ( fingerprintOptions(source))) : void 0;
     const cached = this.processOptionsCache.get(options);
     if (!cached || cached.cacheKey !== cacheKey) {

package/dist/index.mjs

@@ -794,13 +794,16 @@ function stripUnsupportedPseudoForUniAppX(node, enabled) {
   if (!enabled) {
     return;
   }
+  if (node.value === ":host") {
+    return;
+  }
   node.remove();
 }
 function stripUnsupportedNodeForUniAppX(node, options) {
   if (!isUniAppXEnabled(options)) {
     return false;
   }
-  if (node.type === "tag" || node.type === "attribute" || node.type === "pseudo") {
+  if (node.type === "attribute" || node.type === "pseudo") {
     node.remove();
     return true;
   }
@@ -1307,10 +1310,17 @@ function shouldRemoveHoverSelector(selector, options) {
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
 var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  ":after",
+  ":before",
+  "::after",
+  "::before",
   "::backdrop",
   "::file-selector-button"
 ]);
-function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
+  if (!isUniAppXEnabled(options)) {
+    return selector.nodes.some((node) => node.type === "pseudo" && (node.value === "::backdrop" || node.value === "::file-selector-button"));
+  }
   return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
 }
 function isHiddenOrTemplateNotPseudo(node) {
@@ -1369,7 +1379,7 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
-  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector, context.options)) {
     selector.remove();
     return;
   }
@@ -1516,6 +1526,65 @@ function ruleTransformSync(rule, options) {
   transformer(rule);
 }
 
+// src/utils/selector-guard.ts
+var ruleSelectorMutationStateMap = /* @__PURE__ */ new WeakMap();
+var DEFAULT_SELECTOR_MUTATION_LIMIT = 24;
+function toSelectorSignature(selectors) {
+  return selectors.join(",");
+}
+function getRuleSelectorMutationState(rule) {
+  let state = ruleSelectorMutationStateMap.get(rule);
+  if (!state) {
+    state = {
+      count: 0,
+      seen: /* @__PURE__ */ new Set(),
+      trace: []
+    };
+    const current = rule.selectors ?? [];
+    state.seen.add(toSelectorSignature(current));
+    ruleSelectorMutationStateMap.set(rule, state);
+  }
+  return state;
+}
+function pushTrace(state, meta, selectors) {
+  state.trace.push(`${meta.phase}:${meta.reason}:${toSelectorSignature(selectors)}`);
+  if (state.trace.length > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    state.trace.shift();
+  }
+}
+function createSelectorCycleError(meta, state, selectors) {
+  const next = toSelectorSignature(selectors);
+  const trace = [...state.trace, `${meta.phase}:${meta.reason}:${next}`].join(" -> ");
+  return new Error(`[postcss-selector-guard] \u68C0\u6D4B\u5230\u53EF\u80FD\u7684\u9009\u62E9\u5668\u6B7B\u5FAA\u73AF: ${trace}`);
+}
+function assignRuleSelectors(rule, selectors, meta) {
+  const current = rule.selectors ?? [];
+  const currentSignature = toSelectorSignature(current);
+  const nextSignature = toSelectorSignature(selectors);
+  if (currentSignature === nextSignature) {
+    return false;
+  }
+  const state = getRuleSelectorMutationState(rule);
+  if (state.seen.has(nextSignature)) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  state.count += 1;
+  if (state.count > DEFAULT_SELECTOR_MUTATION_LIMIT) {
+    throw createSelectorCycleError(meta, state, selectors);
+  }
+  pushTrace(state, meta, selectors);
+  state.seen.add(nextSignature);
+  rule.selectors = selectors;
+  return true;
+}
+function appendRuleSelector(rule, selector, meta) {
+  const current = rule.selectors ?? [];
+  if (current.includes(selector)) {
+    return false;
+  }
+  return assignRuleSelectors(rule, [...current, selector], meta);
+}
+
 // src/plugins/post/decl-dedupe.ts
 var logicalPropMap = /* @__PURE__ */ new Map([
   // margin 方向映射
@@ -1684,6 +1753,7 @@ function createRootSpecificityCleaner(options) {
     if (!rule.selectors || rule.selectors.length === 0) {
       return;
     }
+    let changed = false;
     const next = rule.selectors.map((selector) => {
       let updated = selector;
       for (const target of targets) {
@@ -1694,9 +1764,15 @@ function createRootSpecificityCleaner(options) {
           updated = updated.split(target.spacedMatch).join(target.replacement);
         }
       }
+      if (updated !== selector) {
+        changed = true;
+      }
       return updated;
     });
-    rule.selectors = next;
+    changed && assignRuleSelectors(rule, next, {
+      phase: "post",
+      reason: "clean-root-specificity"
+    });
   };
 }
 
@@ -1741,7 +1817,10 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       cleanRootSpecificity?.(rule);
       if (enableMainChunkTransforms) {
         if (shouldAppendHostSelector?.(rule)) {
-          rule.selectors = [...rule.selectors, ":host"];
+          appendRuleSelector(rule, ":host", {
+            phase: "post",
+            reason: "append-host-selector"
+          });
         }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
@@ -2047,20 +2126,39 @@ function remakeCssVarSelector(selectors, options) {
   }
   return selectors;
 }
+function resolveUniAppXVariableScopeSelectors(options) {
+  const universal = options.cssSelectorReplacement?.universal;
+  if (Array.isArray(universal) && universal.length > 0) {
+    return [...universal];
+  }
+  if (typeof universal === "string" && universal.length > 0) {
+    return [universal];
+  }
+  return ["view", "text"];
+}
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+  const uniAppXEnabled = isUniAppXEnabled(options);
   const rootOption = options.cssSelectorReplacement?.root;
   const rootSelectors = rootOption === false || rootOption === void 0 ? [] : Array.isArray(rootOption) ? rootOption.filter(Boolean) : [rootOption];
   const hasHostSelector = node.selectors.some((selector) => selector.includes(":host"));
   const hasRootPseudoSelector = node.selectors.some((selector) => selector.includes(":root"));
   const hasAllDefaultRootSelectors = DEFAULT_ROOT_SELECTORS2.every((selector) => node.selectors.includes(selector));
   if (!hasHostSelector && !rootSelectors.includes(":host") && (hasRootPseudoSelector || rootSelectors.length === DEFAULT_ROOT_SELECTORS2.length && rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS2[index]) && hasAllDefaultRootSelectors)) {
-    node.selectors = [...node.selectors, ":host"];
+    appendRuleSelector(node, ":host", {
+      phase: "pre",
+      reason: "append-host-selector"
+    });
   }
-  if (testIfVariablesScope(node)) {
+  if (testIfVariablesScope(node) || uniAppXEnabled && node.selectors.includes("*") && hasTwVars(node, 2)) {
     ctx?.markVariablesScope(node);
-    node.selectors = remakeCssVarSelector(node.selectors, options);
-    node.before(makePseudoVarRule());
+    assignRuleSelectors(node, uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : remakeCssVarSelector(node.selectors, options), {
+      phase: "pre",
+      reason: "rewrite-variable-scope"
+    });
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       node.append(...cssInjectPreflight());
     }
@@ -2068,12 +2166,19 @@ function commonChunkPreflight(node, options) {
   const isTailwindcss4 = isTailwindcssV4(options);
   if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
     const syntheticRule = new Rule({
-      selectors: ["*", "::after", "::before"],
+      selectors: uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : ["*", "::after", "::before"],
       nodes: isTailwindcss4 ? cssVarsV4Nodes : cssVarsV3Nodes
     });
-    syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
+    if (!uniAppXEnabled) {
+      assignRuleSelectors(syntheticRule, remakeCssVarSelector(syntheticRule.selectors, options), {
+        phase: "pre",
+        reason: "rewrite-synthetic-variable-scope"
+      });
+    }
     node.before(syntheticRule);
-    node.before(makePseudoVarRule());
+    if (!uniAppXEnabled) {
+      node.before(makePseudoVarRule());
+    }
     if (typeof cssInjectPreflight === "function") {
       syntheticRule.append(...cssInjectPreflight());
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "2.1.6-alpha.1",
+  "version": "2.1.6-alpha.2",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",