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

package/dist/index.d.mts

@@ -1,6 +1,5 @@
-import { I as IStyleHandlerOptions, S as StyleHandler, a as InternalCssSelectorReplacerOptions } from './types-BUB5jCYX.mjs';
-export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, L as LoadedPostcssOptions, P as PipelineNodeContext, d as PipelineNodeCursor, e as PipelineStage, R as RequiredStyleHandlerOptions, f as ResolvedPipelineNode, g as StyleProcessingPipeline, U as UserDefinedPostcssOptions, h as createInjectPreflight, i as createStylePipeline } from './types-BUB5jCYX.mjs';
-export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+import { I as IStyleHandlerOptions, S as StyleHandler, a as InternalCssSelectorReplacerOptions } from './types-CsRGpZ_r.mjs';
+export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, L as LoadedPostcssOptions, P as PipelineNodeContext, d as PipelineNodeCursor, e as PipelineStage, f as PresetEnvOptions, R as RequiredStyleHandlerOptions, g as ResolvedPipelineNode, h as StyleProcessingPipeline, U as UserDefinedPostcssOptions, i as createInjectPreflight, j as createStylePipeline } from './types-CsRGpZ_r.mjs';
 export { PxTransformOptions as Px2rpxOptions } from 'postcss-pxtrans';
 export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 export { UserDefinedOptions as UnitsToPxOptions } from 'postcss-units-to-px';

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import { I as IStyleHandlerOptions, S as StyleHandler, a as InternalCssSelectorReplacerOptions } from './types-BUB5jCYX.js';
-export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, L as LoadedPostcssOptions, P as PipelineNodeContext, d as PipelineNodeCursor, e as PipelineStage, R as RequiredStyleHandlerOptions, f as ResolvedPipelineNode, g as StyleProcessingPipeline, U as UserDefinedPostcssOptions, h as createInjectPreflight, i as createStylePipeline } from './types-BUB5jCYX.js';
-export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+import { I as IStyleHandlerOptions, S as StyleHandler, a as InternalCssSelectorReplacerOptions } from './types-CsRGpZ_r.js';
+export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, L as LoadedPostcssOptions, P as PipelineNodeContext, d as PipelineNodeCursor, e as PipelineStage, f as PresetEnvOptions, R as RequiredStyleHandlerOptions, g as ResolvedPipelineNode, h as StyleProcessingPipeline, U as UserDefinedPostcssOptions, i as createInjectPreflight, j as createStylePipeline } from './types-CsRGpZ_r.js';
 export { PxTransformOptions as Px2rpxOptions } from 'postcss-pxtrans';
 export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 export { UserDefinedOptions as UnitsToPxOptions } from 'postcss-units-to-px';

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,12 +2273,13 @@ 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));
   });
   preparedNodes.push(createPreparedNode("pre:core", "pre", () => postcssWeappTailwindcssPrePlugin(options)));
-  preparedNodes.push(createPreparedNode("normal:preset-env", "normal", () => _postcsspresetenv2.default.call(void 0, options.cssPresetEnv)));
+  preparedNodes.push(createPreparedNode("normal:preset-env", "normal", () => _postcsspresetenv2.default.call(void 0, presetEnvOptions)));
   preparedNodes.push(createPreparedNode("normal:color-functional-fallback", "normal", () => createColorFunctionalFallback()));
   const unitsToPxPlugin = getUnitsToPxPlugin(options);
   if (unitsToPxPlugin) {
@@ -2263,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) {
@@ -2302,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);
     }
@@ -2311,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
         }
       }
@@ -2326,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());
     }
@@ -2169,11 +2274,12 @@ function createPreparedNode(id, stage, createPlugin) {
 function createPreparedNodes(options) {
   const preparedNodes = [];
   const userPlugins = normalizeUserPlugins(options.postcssOptions?.plugins);
+  const presetEnvOptions = options.cssPresetEnv;
   userPlugins.forEach((plugin, index) => {
     preparedNodes.push(createPreparedNode(`pre:user-${index}`, "pre", () => plugin));
   });
   preparedNodes.push(createPreparedNode("pre:core", "pre", () => postcssWeappTailwindcssPrePlugin(options)));
-  preparedNodes.push(createPreparedNode("normal:preset-env", "normal", () => postcssPresetEnv(options.cssPresetEnv)));
+  preparedNodes.push(createPreparedNode("normal:preset-env", "normal", () => postcssPresetEnv(presetEnvOptions)));
   preparedNodes.push(createPreparedNode("normal:color-functional-fallback", "normal", () => createColorFunctionalFallback()));
   const unitsToPxPlugin = getUnitsToPxPlugin(options);
   if (unitsToPxPlugin) {

package/dist/{types-BUB5jCYX.d.mts → types-CsRGpZ_r.d.mts}

@@ -1,7 +1,6 @@
 import { PostCssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import { AcceptedPlugin, Result as Result$1 } from 'postcss';
 import { Result } from 'postcss-load-config';
-import { pluginOptions } from 'postcss-preset-env';
 import { PxTransformOptions } from 'postcss-pxtrans';
 import { UserDefinedOptions } from 'postcss-rem-to-responsive-pixel';
 import { UserDefinedOptions as UserDefinedOptions$1 } from 'postcss-units-to-px';
@@ -58,6 +57,21 @@ type IContext = ReturnType<typeof createContext>;
 type InjectPreflight = () => IPropValue[];
 declare function createInjectPreflight(options?: CssPreflightOptions): InjectPreflight;
 
+interface PresetEnvOptions {
+    stage?: false | 0 | 1 | 2 | 3 | 4;
+    minimumVendorImplementations?: number;
+    browsers?: string | string[];
+    features?: Record<string, boolean | Record<string, unknown>>;
+    insertBefore?: Record<string, unknown>;
+    insertAfter?: Record<string, unknown>;
+    debug?: boolean;
+    logical?: {
+        inlineDirection?: 'top-to-bottom' | 'bottom-to-top' | 'right-to-left' | 'left-to-right';
+        blockDirection?: 'top-to-bottom' | 'bottom-to-top' | 'right-to-left' | 'left-to-right';
+    };
+    [key: string]: unknown;
+}
+
 type LoadedPostcssOptions = Partial<Omit<Result, 'file'>>;
 interface IPropValue {
     prop: string;
@@ -86,7 +100,7 @@ type IStyleHandlerOptions = {
     postcssOptions?: LoadedPostcssOptions;
     cssRemoveProperty?: boolean;
     cssRemoveHoverPseudoClass?: boolean;
-    cssPresetEnv?: pluginOptions;
+    cssPresetEnv?: PresetEnvOptions;
     cssCalc?: boolean | CssCalcOptions | (string | RegExp)[];
     atRules?: {
         property?: boolean;
@@ -100,7 +114,7 @@ interface UserDefinedPostcssOptions {
     cssPreflight?: CssPreflightOptions;
     cssPreflightRange?: 'all';
     cssChildCombinatorReplaceValue?: string | string[];
-    cssPresetEnv?: pluginOptions;
+    cssPresetEnv?: PresetEnvOptions;
     injectAdditionalCssVarScope?: boolean;
     cssSelectorReplacement?: {
         root?: string | string[] | false;
@@ -120,4 +134,4 @@ interface StyleHandler {
     getPipeline: (opt?: Partial<IStyleHandlerOptions>) => StyleProcessingPipeline;
 }
 
-export { type CssCalcOptions as C, type IStyleHandlerOptions as I, type LoadedPostcssOptions as L, type PipelineNodeContext as P, type RequiredStyleHandlerOptions as R, type StyleHandler as S, type UserDefinedPostcssOptions as U, type InternalCssSelectorReplacerOptions as a, type CssPreflightOptions as b, type IPropValue as c, type PipelineNodeCursor as d, type PipelineStage as e, type ResolvedPipelineNode as f, type StyleProcessingPipeline as g, createInjectPreflight as h, createStylePipeline as i };
+export { type CssCalcOptions as C, type IStyleHandlerOptions as I, type LoadedPostcssOptions as L, type PipelineNodeContext as P, type RequiredStyleHandlerOptions as R, type StyleHandler as S, type UserDefinedPostcssOptions as U, type InternalCssSelectorReplacerOptions as a, type CssPreflightOptions as b, type IPropValue as c, type PipelineNodeCursor as d, type PipelineStage as e, type PresetEnvOptions as f, type ResolvedPipelineNode as g, type StyleProcessingPipeline as h, createInjectPreflight as i, createStylePipeline as j };

package/dist/{types-BUB5jCYX.d.ts → types-CsRGpZ_r.d.ts}

@@ -1,7 +1,6 @@
 import { PostCssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import { AcceptedPlugin, Result as Result$1 } from 'postcss';
 import { Result } from 'postcss-load-config';
-import { pluginOptions } from 'postcss-preset-env';
 import { PxTransformOptions } from 'postcss-pxtrans';
 import { UserDefinedOptions } from 'postcss-rem-to-responsive-pixel';
 import { UserDefinedOptions as UserDefinedOptions$1 } from 'postcss-units-to-px';
@@ -58,6 +57,21 @@ type IContext = ReturnType<typeof createContext>;
 type InjectPreflight = () => IPropValue[];
 declare function createInjectPreflight(options?: CssPreflightOptions): InjectPreflight;
 
+interface PresetEnvOptions {
+    stage?: false | 0 | 1 | 2 | 3 | 4;
+    minimumVendorImplementations?: number;
+    browsers?: string | string[];
+    features?: Record<string, boolean | Record<string, unknown>>;
+    insertBefore?: Record<string, unknown>;
+    insertAfter?: Record<string, unknown>;
+    debug?: boolean;
+    logical?: {
+        inlineDirection?: 'top-to-bottom' | 'bottom-to-top' | 'right-to-left' | 'left-to-right';
+        blockDirection?: 'top-to-bottom' | 'bottom-to-top' | 'right-to-left' | 'left-to-right';
+    };
+    [key: string]: unknown;
+}
+
 type LoadedPostcssOptions = Partial<Omit<Result, 'file'>>;
 interface IPropValue {
     prop: string;
@@ -86,7 +100,7 @@ type IStyleHandlerOptions = {
     postcssOptions?: LoadedPostcssOptions;
     cssRemoveProperty?: boolean;
     cssRemoveHoverPseudoClass?: boolean;
-    cssPresetEnv?: pluginOptions;
+    cssPresetEnv?: PresetEnvOptions;
     cssCalc?: boolean | CssCalcOptions | (string | RegExp)[];
     atRules?: {
         property?: boolean;
@@ -100,7 +114,7 @@ interface UserDefinedPostcssOptions {
     cssPreflight?: CssPreflightOptions;
     cssPreflightRange?: 'all';
     cssChildCombinatorReplaceValue?: string | string[];
-    cssPresetEnv?: pluginOptions;
+    cssPresetEnv?: PresetEnvOptions;
     injectAdditionalCssVarScope?: boolean;
     cssSelectorReplacement?: {
         root?: string | string[] | false;
@@ -120,4 +134,4 @@ interface StyleHandler {
     getPipeline: (opt?: Partial<IStyleHandlerOptions>) => StyleProcessingPipeline;
 }
 
-export { type CssCalcOptions as C, type IStyleHandlerOptions as I, type LoadedPostcssOptions as L, type PipelineNodeContext as P, type RequiredStyleHandlerOptions as R, type StyleHandler as S, type UserDefinedPostcssOptions as U, type InternalCssSelectorReplacerOptions as a, type CssPreflightOptions as b, type IPropValue as c, type PipelineNodeCursor as d, type PipelineStage as e, type ResolvedPipelineNode as f, type StyleProcessingPipeline as g, createInjectPreflight as h, createStylePipeline as i };
+export { type CssCalcOptions as C, type IStyleHandlerOptions as I, type LoadedPostcssOptions as L, type PipelineNodeContext as P, type RequiredStyleHandlerOptions as R, type StyleHandler as S, type UserDefinedPostcssOptions as U, type InternalCssSelectorReplacerOptions as a, type CssPreflightOptions as b, type IPropValue as c, type PipelineNodeCursor as d, type PipelineStage as e, type PresetEnvOptions as f, type ResolvedPipelineNode as g, type StyleProcessingPipeline as h, createInjectPreflight as i, createStylePipeline as j };

package/dist/types.d.mts

@@ -1,8 +1,7 @@
 import '@weapp-tailwindcss/postcss-calc';
 import 'postcss';
 import 'postcss-load-config';
-export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
 export { PxTransformOptions as Px2rpxOptions } from 'postcss-pxtrans';
 export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 export { UserDefinedOptions as UnitsToPxOptions } from 'postcss-units-to-px';
-export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, S as StyleHandler, U as UserDefinedPostcssOptions } from './types-BUB5jCYX.mjs';
+export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, f as PresetEnvOptions, R as RequiredStyleHandlerOptions, S as StyleHandler, U as UserDefinedPostcssOptions } from './types-CsRGpZ_r.mjs';

package/dist/types.d.ts

@@ -1,8 +1,7 @@
 import '@weapp-tailwindcss/postcss-calc';
 import 'postcss';
 import 'postcss-load-config';
-export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
 export { PxTransformOptions as Px2rpxOptions } from 'postcss-pxtrans';
 export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 export { UserDefinedOptions as UnitsToPxOptions } from 'postcss-units-to-px';
-export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, S as StyleHandler, U as UserDefinedPostcssOptions } from './types-BUB5jCYX.js';
+export { C as CssCalcOptions, b as CssPreflightOptions, c as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, f as PresetEnvOptions, R as RequiredStyleHandlerOptions, S as StyleHandler, U as UserDefinedPostcssOptions } from './types-CsRGpZ_r.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "2.1.6-alpha.0",
+  "version": "2.1.6-alpha.2",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -35,6 +35,20 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "html-transform": [
+        "./dist/html-transform.d.ts"
+      ],
+      "types": [
+        "./dist/types.d.ts"
+      ],
+      "*": [
+        "./dist/*",
+        "./dist/index.d.ts"
+      ]
+    }
+  },
   "files": [
     "dist"
   ],
@@ -51,7 +65,7 @@
     "postcss-selector-parser": "~7.1.1",
     "postcss-units-to-px": "^0.2.0",
     "postcss-value-parser": "^4.2.0",
-    "@weapp-tailwindcss/shared": "1.1.3-alpha.0"
+    "@weapp-tailwindcss/shared": "1.1.3-alpha.1"
   },
   "devDependencies": {
     "@csstools/postcss-is-pseudo-class": "^6.0.0",