@weapp-tailwindcss/postcss 2.1.4 → 2.1.5

package/dist/index.js

@@ -1037,6 +1037,55 @@ function normalizeSpacingDeclarations(rule) {
 // src/selectorParser/rule-transformer.ts
 var ruleTransformCache = /* @__PURE__ */ new WeakMap();
 var SELECTOR_TRANSFORM_OPTIONS = normalizeTransformOptions();
+var SIMPLE_SELECTOR_FAST_PATH = /^[#.][\w-]+(?:\s+[#.][\w-]+)*$/;
+var RTL_LANGUAGE_ANY_PSEUDO_SET = /* @__PURE__ */ new Set([
+  ":-moz-any",
+  ":-webkit-any",
+  ":lang"
+]);
+var EMPTY_FUNCTIONAL_PSEUDO_CLEANUP_SET = /* @__PURE__ */ new Set([
+  ":not",
+  ":is",
+  ":where",
+  ":has",
+  ":matches",
+  ":-webkit-any",
+  ":-moz-any",
+  ":lang"
+]);
+function isRtlLanguageAnyPseudo(node) {
+  return node.type === "pseudo" && RTL_LANGUAGE_ANY_PSEUDO_SET.has(node.value);
+}
+function getTopLevelSelector(node) {
+  let current = node;
+  let topLevel = node;
+  while (current.parent) {
+    const parent = current.parent;
+    if (parent.type === "root") {
+      break;
+    }
+    if (parent.type === "selector") {
+      topLevel = parent;
+    }
+    current = parent;
+  }
+  return topLevel;
+}
+function stripUnsupportedRtlLanguagePseudo(node) {
+  const selectorParent = node.parent;
+  if (!selectorParent || selectorParent.type !== "selector") {
+    return;
+  }
+  const maybeNot = selectorParent.parent;
+  if (maybeNot && maybeNot.type === "pseudo" && maybeNot.value === ":not") {
+    maybeNot.remove();
+    return;
+  }
+  getTopLevelSelector(selectorParent).remove();
+}
+function shouldRemoveEmptyFunctionalPseudo(node) {
+  return node.type === "pseudo" && EMPTY_FUNCTIONAL_PSEUDO_CLEANUP_SET.has(node.value) && Array.isArray(node.nodes) && node.nodes.length === 0;
+}
 function flattenWherePseudo(node, context, index, parent) {
   if (isUniAppXEnabled(context.options)) {
     node.value = ":is";
@@ -1074,6 +1123,13 @@ function shouldRemoveHoverSelector(selector, options) {
   }
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
+var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  "::backdrop",
+  "::file-selector-button"
+]);
+function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+  return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
+}
 function isHiddenOrTemplateNotPseudo(node) {
   if (!node || node.type !== "pseudo" || node.value !== ":not") {
     return false;
@@ -1114,6 +1170,10 @@ function handlePseudoNode(node, index, context, parent) {
   if (node.type !== "pseudo") {
     return;
   }
+  if (isRtlLanguageAnyPseudo(node)) {
+    stripUnsupportedRtlLanguagePseudo(node);
+    return;
+  }
   if (node.value === ":root" && _optionalChain([context, 'access', _40 => _40.options, 'access', _41 => _41.cssSelectorReplacement, 'optionalAccess', _42 => _42.root])) {
     node.value = composeIsPseudo(context.options.cssSelectorReplacement.root);
     return;
@@ -1126,6 +1186,10 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+    selector.remove();
+    return;
+  }
   if (shouldRemoveHoverSelector(selector, context.options)) {
     selector.remove();
     return;
@@ -1134,6 +1198,13 @@ function handleSelectorNode(selector, context) {
     context.requiresSpacingNormalization = true;
   }
 }
+function canSkipRuleTransform(rule) {
+  const selector = rule.selector.trim();
+  if (!selector) {
+    return false;
+  }
+  return SIMPLE_SELECTOR_FAST_PATH.test(selector);
+}
 function transformSelectors(selectors, context) {
   selectors.walk((node, index) => {
     const parent = _optionalChain([node, 'access', _43 => _43.parent, 'optionalAccess', _44 => _44.type]) === "selector" ? node.parent : void 0;
@@ -1167,6 +1238,10 @@ function transformSelectors(selectors, context) {
     normalizeSpacingDeclarations(context.rule);
   }
   selectors.walk((node) => {
+    if (shouldRemoveEmptyFunctionalPseudo(node)) {
+      node.remove();
+      return;
+    }
     if (node.type === "selector" && node.length === 0) {
       node.remove();
     }
@@ -1177,6 +1252,14 @@ function transformSelectors(selectors, context) {
 }
 function createRuleTransformer(options) {
   let context;
+  const selectorResultCache = /* @__PURE__ */ new Map();
+  const selectorResultCacheLimit = 5e4;
+  function writeSelectorResultCache(selector, result) {
+    if (selectorResultCache.size >= selectorResultCacheLimit) {
+      selectorResultCache.clear();
+    }
+    selectorResultCache.set(selector, result);
+  }
   const transform = (selectors) => {
     if (!context) {
       return;
@@ -1185,16 +1268,54 @@ function createRuleTransformer(options) {
   };
   const parser = _postcssselectorparser2.default.call(void 0, transform);
   return (rule) => {
+    const sourceSelector = rule.selector;
+    if (!sourceSelector) {
+      return;
+    }
+    const cached = selectorResultCache.get(sourceSelector);
+    if (cached) {
+      if (cached.action === "remove") {
+        rule.remove();
+      } else if (cached.action === "update" && cached.selector && cached.selector !== sourceSelector) {
+        rule.selector = cached.selector;
+      }
+      return;
+    }
+    if (canSkipRuleTransform(rule)) {
+      writeSelectorResultCache(sourceSelector, { action: "keep" });
+      return;
+    }
     context = {
       options,
       requiresSpacingNormalization: false,
       rule
     };
+    let wasRemoved = false;
+    let requiresSpacingNormalization = false;
     try {
       parser.transformSync(rule, SELECTOR_TRANSFORM_OPTIONS);
     } finally {
+      const currentContext = context;
+      wasRemoved = rule.parent == null;
+      requiresSpacingNormalization = _optionalChain([currentContext, 'optionalAccess', _45 => _45.requiresSpacingNormalization]) === true;
       context = void 0;
     }
+    if (wasRemoved) {
+      writeSelectorResultCache(sourceSelector, { action: "remove" });
+      return;
+    }
+    if (requiresSpacingNormalization) {
+      return;
+    }
+    const transformedSelector = rule.selector;
+    if (transformedSelector === sourceSelector) {
+      writeSelectorResultCache(sourceSelector, { action: "keep" });
+    } else {
+      writeSelectorResultCache(sourceSelector, {
+        action: "update",
+        selector: transformedSelector
+      });
+    }
   };
 }
 function ruleTransformSync(rule, options) {
@@ -1344,7 +1465,7 @@ function normalizeSelectorList(value) {
   return Array.isArray(value) ? value.filter(Boolean) : [value];
 }
 function getSpecificityMatchingName(options) {
-  const feature = _optionalChain([options, 'access', _45 => _45.cssPresetEnv, 'optionalAccess', _46 => _46.features, 'optionalAccess', _47 => _47["is-pseudo-class"]]);
+  const feature = _optionalChain([options, 'access', _46 => _46.cssPresetEnv, 'optionalAccess', _47 => _47.features, 'optionalAccess', _48 => _48["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;
@@ -1353,12 +1474,12 @@ function getSpecificityMatchingName(options) {
 }
 function createRootSpecificityCleaner(options) {
   const specificityMatchingName = getSpecificityMatchingName(options);
-  const selectors = normalizeSelectorList(_optionalChain([options, 'access', _48 => _48.cssSelectorReplacement, 'optionalAccess', _49 => _49.root]));
+  const selectors = normalizeSelectorList(_optionalChain([options, 'access', _49 => _49.cssSelectorReplacement, 'optionalAccess', _50 => _50.root]));
   if (!specificityMatchingName || selectors.length === 0) {
     return void 0;
   }
   const suffix = `:not(.${specificityMatchingName})`;
-  const targets = selectors.map((selector) => _optionalChain([selector, 'optionalAccess', _50 => _50.trim, 'call', _51 => _51()])).filter((selector) => Boolean(_optionalChain([selector, 'optionalAccess', _52 => _52.length]))).map((selector) => ({
+  const targets = selectors.map((selector) => _optionalChain([selector, 'optionalAccess', _51 => _51.trim, 'call', _52 => _52()])).filter((selector) => Boolean(_optionalChain([selector, 'optionalAccess', _53 => _53.length]))).map((selector) => ({
     match: `${selector}${suffix}`,
     spacedMatch: `${selector} ${suffix}`,
     replacement: selector
@@ -1387,6 +1508,24 @@ function createRootSpecificityCleaner(options) {
 }
 
 // src/plugins/post.ts
+var DEFAULT_ROOT_SELECTORS = ["page", ".tw-root", "wx-root-portal-content"];
+function normalizeRootSelectors(value) {
+  if (value === void 0 || value === false) {
+    return [];
+  }
+  return Array.isArray(value) ? value.filter(Boolean) : [value];
+}
+function shouldAppendHostSelector(rule, options) {
+  const selectors = _nullishCoalesce(rule.selectors, () => ( []));
+  if (selectors.includes(":host")) {
+    return false;
+  }
+  const rootSelectors = normalizeRootSelectors(_optionalChain([options, 'access', _54 => _54.cssSelectorReplacement, 'optionalAccess', _55 => _55.root]));
+  if (rootSelectors.length !== DEFAULT_ROOT_SELECTORS.length || !rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS[index])) {
+    return false;
+  }
+  return DEFAULT_ROOT_SELECTORS.every((selector) => selectors.includes(selector));
+}
 var postcssWeappTailwindcssPostPlugin = (options) => {
   const opts = _shared.defu.call(void 0, options, {
     isMainChunk: true
@@ -1400,10 +1539,13 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     const fallbackRemove = enableMainChunkTransforms ? getFallbackRemove(void 0, opts) : void 0;
     p.RuleExit = (rule) => {
       if (enableMainChunkTransforms) {
-        _optionalChain([fallbackRemove, 'optionalAccess', _53 => _53.transformSync, 'call', _54 => _54(rule)]);
+        _optionalChain([fallbackRemove, 'optionalAccess', _56 => _56.transformSync, 'call', _57 => _57(rule)]);
       }
-      _optionalChain([cleanRootSpecificity, 'optionalCall', _55 => _55(rule)]);
+      _optionalChain([cleanRootSpecificity, 'optionalCall', _58 => _58(rule)]);
       if (enableMainChunkTransforms) {
+        if (shouldAppendHostSelector(rule, opts)) {
+          rule.selectors = [...rule.selectors, ":host"];
+        }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
           rule.remove();
@@ -1427,7 +1569,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       if (opts.cssRemoveProperty && atRule.name === "property") {
         atRule.remove();
       }
-      _optionalChain([atRule, 'access', _56 => _56.nodes, 'optionalAccess', _57 => _57.length]) === 0 && atRule.remove();
+      _optionalChain([atRule, 'access', _59 => _59.nodes, 'optionalAccess', _60 => _60.length]) === 0 && atRule.remove();
     };
   }
   return p;
@@ -1664,6 +1806,7 @@ function hasTwVars(rule, count = 2) {
 
 // src/mp.ts
 var cssVarsV3Nodes = createCssVarNodes(cssVarsV3_default);
+var DEFAULT_ROOT_SELECTORS2 = ["page", ".tw-root", "wx-root-portal-content"];
 function testIfVariablesScope(node, count = 2) {
   if (isOnlyBeforeAndAfterPseudoElement(node)) {
     return hasTwVars(node, count);
@@ -1709,8 +1852,16 @@ function remakeCssVarSelector(selectors, options) {
 }
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+  const rootOption = _optionalChain([options, 'access', _61 => _61.cssSelectorReplacement, 'optionalAccess', _62 => _62.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"];
+  }
   if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _58 => _58.markVariablesScope, 'call', _59 => _59(node)]);
+    _optionalChain([ctx, 'optionalAccess', _63 => _63.markVariablesScope, 'call', _64 => _64(node)]);
     node.selectors = remakeCssVarSelector(node.selectors, options);
     node.before(makePseudoVarRule());
     if (typeof cssInjectPreflight === "function") {
@@ -1767,9 +1918,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _60 => _60.nodes, 'optionalAccess', _61 => _61.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _65 => _65.nodes, 'optionalAccess', _66 => _66.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _62 => _62.first, 'optionalAccess', _63 => _63.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _67 => _67.first, 'optionalAccess', _68 => _68.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -1781,7 +1932,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _64 => _64.first, 'optionalAccess', _65 => _65.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _69 => _69.first, 'optionalAccess', _70 => _70.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -1826,7 +1977,7 @@ function createPipelineDefinitions(options) {
     normal: [],
     post: []
   };
-  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _66 => _66.postcssOptions, 'optionalAccess', _67 => _67.plugins]));
+  const userPlugins = normalizeUserPlugins(_optionalChain([options, 'access', _71 => _71.postcssOptions, 'optionalAccess', _72 => _72.plugins]));
   userPlugins.forEach((plugin, index) => {
     stages.pre.push(createStaticDefinition(`pre:user-${index}`, "pre", plugin));
   });
@@ -2001,13 +2152,31 @@ function createStylePipeline(options) {
 function createProcessOptions(options) {
   return {
     from: void 0,
-    ..._nullishCoalesce(_optionalChain([options, 'access', _68 => _68.postcssOptions, 'optionalAccess', _69 => _69.options]), () => ( {}))
+    ..._nullishCoalesce(_optionalChain([options, 'access', _73 => _73.postcssOptions, 'optionalAccess', _74 => _74.options]), () => ( {}))
   };
 }
-var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this); }
+var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this); }
   __init() {this.pipelineCache = /* @__PURE__ */ new WeakMap()}
   __init2() {this.processOptionsCache = /* @__PURE__ */ new WeakMap()}
   __init3() {this.processorCache = /* @__PURE__ */ new WeakMap()}
+  __init4() {this.processorCacheByKey = /* @__PURE__ */ new Map()}
+  __init5() {this.processorKeyCache = /* @__PURE__ */ new WeakMap()}
+  createProcessorCacheKey(options) {
+    const from = _optionalChain([options, 'access', _75 => _75.postcssOptions, 'optionalAccess', _76 => _76.options, 'optionalAccess', _77 => _77.from]);
+    if (from == null) {
+      return fingerprintOptions(options);
+    }
+    return fingerprintOptions({
+      ...options,
+      postcssOptions: {
+        ..._nullishCoalesce(options.postcssOptions, () => ( {})),
+        options: {
+          ..._nullishCoalesce(_optionalChain([options, 'access', _78 => _78.postcssOptions, 'optionalAccess', _79 => _79.options]), () => ( {})),
+          from: void 0
+        }
+      }
+    });
+  }
   getPipeline(options) {
     let pipeline = this.pipelineCache.get(options);
     if (!pipeline) {
@@ -2017,7 +2186,7 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
     return pipeline;
   }
   getProcessOptions(options) {
-    const source = _optionalChain([options, 'access', _70 => _70.postcssOptions, 'optionalAccess', _71 => _71.options]);
+    const source = _optionalChain([options, 'access', _80 => _80.postcssOptions, 'optionalAccess', _81 => _81.options]);
     const fingerprint = source ? fingerprintOptions(source) : void 0;
     const cached = this.processOptionsCache.get(options);
     if (!cached || cached.fingerprint !== fingerprint) {
@@ -2030,8 +2199,17 @@ var StyleProcessorCache = (_class = class {constructor() { _class.prototype.__in
   getProcessor(options) {
     let processor = this.processorCache.get(options);
     if (!processor) {
-      const pipeline = this.getPipeline(options);
-      processor = _postcss2.default.call(void 0, pipeline.plugins);
+      let cacheKey = this.processorKeyCache.get(options);
+      if (!cacheKey) {
+        cacheKey = this.createProcessorCacheKey(options);
+        this.processorKeyCache.set(options, cacheKey);
+      }
+      processor = this.processorCacheByKey.get(cacheKey);
+      if (!processor) {
+        const pipeline = this.getPipeline(options);
+        processor = _postcss2.default.call(void 0, pipeline.plugins);
+        this.processorCacheByKey.set(cacheKey, processor);
+      }
       this.processorCache.set(options, processor);
     }
     return processor;

package/dist/index.mjs

@@ -1037,6 +1037,55 @@ function normalizeSpacingDeclarations(rule) {
 // src/selectorParser/rule-transformer.ts
 var ruleTransformCache = /* @__PURE__ */ new WeakMap();
 var SELECTOR_TRANSFORM_OPTIONS = normalizeTransformOptions();
+var SIMPLE_SELECTOR_FAST_PATH = /^[#.][\w-]+(?:\s+[#.][\w-]+)*$/;
+var RTL_LANGUAGE_ANY_PSEUDO_SET = /* @__PURE__ */ new Set([
+  ":-moz-any",
+  ":-webkit-any",
+  ":lang"
+]);
+var EMPTY_FUNCTIONAL_PSEUDO_CLEANUP_SET = /* @__PURE__ */ new Set([
+  ":not",
+  ":is",
+  ":where",
+  ":has",
+  ":matches",
+  ":-webkit-any",
+  ":-moz-any",
+  ":lang"
+]);
+function isRtlLanguageAnyPseudo(node) {
+  return node.type === "pseudo" && RTL_LANGUAGE_ANY_PSEUDO_SET.has(node.value);
+}
+function getTopLevelSelector(node) {
+  let current = node;
+  let topLevel = node;
+  while (current.parent) {
+    const parent = current.parent;
+    if (parent.type === "root") {
+      break;
+    }
+    if (parent.type === "selector") {
+      topLevel = parent;
+    }
+    current = parent;
+  }
+  return topLevel;
+}
+function stripUnsupportedRtlLanguagePseudo(node) {
+  const selectorParent = node.parent;
+  if (!selectorParent || selectorParent.type !== "selector") {
+    return;
+  }
+  const maybeNot = selectorParent.parent;
+  if (maybeNot && maybeNot.type === "pseudo" && maybeNot.value === ":not") {
+    maybeNot.remove();
+    return;
+  }
+  getTopLevelSelector(selectorParent).remove();
+}
+function shouldRemoveEmptyFunctionalPseudo(node) {
+  return node.type === "pseudo" && EMPTY_FUNCTIONAL_PSEUDO_CLEANUP_SET.has(node.value) && Array.isArray(node.nodes) && node.nodes.length === 0;
+}
 function flattenWherePseudo(node, context, index, parent) {
   if (isUniAppXEnabled(context.options)) {
     node.value = ":is";
@@ -1074,6 +1123,13 @@ function shouldRemoveHoverSelector(selector, options) {
   }
   return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
+var UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = /* @__PURE__ */ new Set([
+  "::backdrop",
+  "::file-selector-button"
+]);
+function shouldRemoveUnsupportedPseudoElementSelector(selector) {
+  return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
+}
 function isHiddenOrTemplateNotPseudo(node) {
   if (!node || node.type !== "pseudo" || node.value !== ":not") {
     return false;
@@ -1114,6 +1170,10 @@ function handlePseudoNode(node, index, context, parent) {
   if (node.type !== "pseudo") {
     return;
   }
+  if (isRtlLanguageAnyPseudo(node)) {
+    stripUnsupportedRtlLanguagePseudo(node);
+    return;
+  }
   if (node.value === ":root" && context.options.cssSelectorReplacement?.root) {
     node.value = composeIsPseudo(context.options.cssSelectorReplacement.root);
     return;
@@ -1126,6 +1186,10 @@ function handleTagOrAttribute(node, context) {
   stripUnsupportedNodeForUniAppX(node, context.options);
 }
 function handleSelectorNode(selector, context) {
+  if (shouldRemoveUnsupportedPseudoElementSelector(selector)) {
+    selector.remove();
+    return;
+  }
   if (shouldRemoveHoverSelector(selector, context.options)) {
     selector.remove();
     return;
@@ -1134,6 +1198,13 @@ function handleSelectorNode(selector, context) {
     context.requiresSpacingNormalization = true;
   }
 }
+function canSkipRuleTransform(rule) {
+  const selector = rule.selector.trim();
+  if (!selector) {
+    return false;
+  }
+  return SIMPLE_SELECTOR_FAST_PATH.test(selector);
+}
 function transformSelectors(selectors, context) {
   selectors.walk((node, index) => {
     const parent = node.parent?.type === "selector" ? node.parent : void 0;
@@ -1167,6 +1238,10 @@ function transformSelectors(selectors, context) {
     normalizeSpacingDeclarations(context.rule);
   }
   selectors.walk((node) => {
+    if (shouldRemoveEmptyFunctionalPseudo(node)) {
+      node.remove();
+      return;
+    }
     if (node.type === "selector" && node.length === 0) {
       node.remove();
     }
@@ -1177,6 +1252,14 @@ function transformSelectors(selectors, context) {
 }
 function createRuleTransformer(options) {
   let context;
+  const selectorResultCache = /* @__PURE__ */ new Map();
+  const selectorResultCacheLimit = 5e4;
+  function writeSelectorResultCache(selector, result) {
+    if (selectorResultCache.size >= selectorResultCacheLimit) {
+      selectorResultCache.clear();
+    }
+    selectorResultCache.set(selector, result);
+  }
   const transform = (selectors) => {
     if (!context) {
       return;
@@ -1185,16 +1268,54 @@ function createRuleTransformer(options) {
   };
   const parser = psp4(transform);
   return (rule) => {
+    const sourceSelector = rule.selector;
+    if (!sourceSelector) {
+      return;
+    }
+    const cached = selectorResultCache.get(sourceSelector);
+    if (cached) {
+      if (cached.action === "remove") {
+        rule.remove();
+      } else if (cached.action === "update" && cached.selector && cached.selector !== sourceSelector) {
+        rule.selector = cached.selector;
+      }
+      return;
+    }
+    if (canSkipRuleTransform(rule)) {
+      writeSelectorResultCache(sourceSelector, { action: "keep" });
+      return;
+    }
     context = {
       options,
       requiresSpacingNormalization: false,
       rule
     };
+    let wasRemoved = false;
+    let requiresSpacingNormalization = false;
     try {
       parser.transformSync(rule, SELECTOR_TRANSFORM_OPTIONS);
     } finally {
+      const currentContext = context;
+      wasRemoved = rule.parent == null;
+      requiresSpacingNormalization = currentContext?.requiresSpacingNormalization === true;
       context = void 0;
     }
+    if (wasRemoved) {
+      writeSelectorResultCache(sourceSelector, { action: "remove" });
+      return;
+    }
+    if (requiresSpacingNormalization) {
+      return;
+    }
+    const transformedSelector = rule.selector;
+    if (transformedSelector === sourceSelector) {
+      writeSelectorResultCache(sourceSelector, { action: "keep" });
+    } else {
+      writeSelectorResultCache(sourceSelector, {
+        action: "update",
+        selector: transformedSelector
+      });
+    }
   };
 }
 function ruleTransformSync(rule, options) {
@@ -1387,6 +1508,24 @@ function createRootSpecificityCleaner(options) {
 }
 
 // src/plugins/post.ts
+var DEFAULT_ROOT_SELECTORS = ["page", ".tw-root", "wx-root-portal-content"];
+function normalizeRootSelectors(value) {
+  if (value === void 0 || value === false) {
+    return [];
+  }
+  return Array.isArray(value) ? value.filter(Boolean) : [value];
+}
+function shouldAppendHostSelector(rule, options) {
+  const selectors = rule.selectors ?? [];
+  if (selectors.includes(":host")) {
+    return false;
+  }
+  const rootSelectors = normalizeRootSelectors(options.cssSelectorReplacement?.root);
+  if (rootSelectors.length !== DEFAULT_ROOT_SELECTORS.length || !rootSelectors.every((selector, index) => selector === DEFAULT_ROOT_SELECTORS[index])) {
+    return false;
+  }
+  return DEFAULT_ROOT_SELECTORS.every((selector) => selectors.includes(selector));
+}
 var postcssWeappTailwindcssPostPlugin = (options) => {
   const opts = defu(options, {
     isMainChunk: true
@@ -1404,6 +1543,9 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       }
       cleanRootSpecificity?.(rule);
       if (enableMainChunkTransforms) {
+        if (shouldAppendHostSelector(rule, opts)) {
+          rule.selectors = [...rule.selectors, ":host"];
+        }
         dedupeDeclarations(rule);
         if (rule.selectors.length === 0 || rule.selectors.length === 1 && rule.selector.trim() === "") {
           rule.remove();
@@ -1664,6 +1806,7 @@ function hasTwVars(rule, count = 2) {
 
 // src/mp.ts
 var cssVarsV3Nodes = createCssVarNodes(cssVarsV3_default);
+var DEFAULT_ROOT_SELECTORS2 = ["page", ".tw-root", "wx-root-portal-content"];
 function testIfVariablesScope(node, count = 2) {
   if (isOnlyBeforeAndAfterPseudoElement(node)) {
     return hasTwVars(node, count);
@@ -1709,6 +1852,14 @@ function remakeCssVarSelector(selectors, options) {
 }
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = 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"];
+  }
   if (testIfVariablesScope(node)) {
     ctx?.markVariablesScope(node);
     node.selectors = remakeCssVarSelector(node.selectors, options);
@@ -2008,6 +2159,24 @@ var StyleProcessorCache = class {
   pipelineCache = /* @__PURE__ */ new WeakMap();
   processOptionsCache = /* @__PURE__ */ new WeakMap();
   processorCache = /* @__PURE__ */ new WeakMap();
+  processorCacheByKey = /* @__PURE__ */ new Map();
+  processorKeyCache = /* @__PURE__ */ new WeakMap();
+  createProcessorCacheKey(options) {
+    const from = options.postcssOptions?.options?.from;
+    if (from == null) {
+      return fingerprintOptions(options);
+    }
+    return fingerprintOptions({
+      ...options,
+      postcssOptions: {
+        ...options.postcssOptions ?? {},
+        options: {
+          ...options.postcssOptions?.options ?? {},
+          from: void 0
+        }
+      }
+    });
+  }
   getPipeline(options) {
     let pipeline = this.pipelineCache.get(options);
     if (!pipeline) {
@@ -2030,8 +2199,17 @@ var StyleProcessorCache = class {
   getProcessor(options) {
     let processor = this.processorCache.get(options);
     if (!processor) {
-      const pipeline = this.getPipeline(options);
-      processor = postcss(pipeline.plugins);
+      let cacheKey = this.processorKeyCache.get(options);
+      if (!cacheKey) {
+        cacheKey = this.createProcessorCacheKey(options);
+        this.processorKeyCache.set(options, cacheKey);
+      }
+      processor = this.processorCacheByKey.get(cacheKey);
+      if (!processor) {
+        const pipeline = this.getPipeline(options);
+        processor = postcss(pipeline.plugins);
+        this.processorCacheByKey.set(cacheKey, processor);
+      }
       this.processorCache.set(options, processor);
     }
     return processor;

package/package.json

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