@weapp-tailwindcss/postcss 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/index.js

@@ -5,7 +5,7 @@ var _shared = require('@weapp-tailwindcss/shared');
 var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
 
 // src/plugins/index.ts
-var _postcssispseudoclass = require('@csstools/postcss-is-pseudo-class'); var _postcssispseudoclass2 = _interopRequireDefault(_postcssispseudoclass);
+var _postcsspresetenv = require('postcss-preset-env'); var _postcsspresetenv2 = _interopRequireDefault(_postcsspresetenv);
 var _postcssremtoresponsivepixel = require('postcss-rem-to-responsive-pixel'); var _postcssremtoresponsivepixel2 = _interopRequireDefault(_postcssremtoresponsivepixel);
 
 // src/symbols.ts
@@ -36,7 +36,7 @@ var _postcssselectorparser = require('postcss-selector-parser'); var _postcsssel
 // src/shared.ts
 var _escape = require('@weapp-core/escape');
 function internalCssSelectorReplacer(selectors, options = {
-  escapeMap: _escape.SimpleMappingChars2String
+  escapeMap: _escape.MappingChars2String
 }) {
   const { mangleContext, escapeMap } = options;
   if (mangleContext) {
@@ -86,11 +86,8 @@ function createRuleTransform(rule, options) {
   };
   return transform;
 }
-function getRuleTransformer(rule, options) {
-  return _postcssselectorparser2.default.call(void 0, createRuleTransform(rule, options));
-}
 function ruleTransformSync(rule, options) {
-  const transformer = getRuleTransformer(rule, options);
+  const transformer = _postcssselectorparser2.default.call(void 0, createRuleTransform(rule, options));
   return transformer.transformSync(rule, {
     lossless: false,
     updateSelector: true
@@ -113,24 +110,56 @@ function isOnlyBeforeAndAfterPseudoElement(node) {
   }).astSync(node);
   return b && a;
 }
-var fallbackRemove = _postcssselectorparser2.default.call(void 0, (selectors) => {
-  let maybeImportantId = false;
-  selectors.walk((selector, idx) => {
-    if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
-      maybeImportantId = true;
-    }
-    if (selector.type === "universal") {
-      _optionalChain([selector, 'access', _5 => _5.parent, 'optionalAccess', _6 => _6.remove, 'call', _7 => _7()]);
-    }
-    if (selector.type === "pseudo" && selector.value === ":is") {
-      if (maybeImportantId && _optionalChain([selector, 'access', _8 => _8.nodes, 'access', _9 => _9[0], 'optionalAccess', _10 => _10.type]) === "selector") {
-        selector.replaceWith(selector.nodes[0]);
-      } else {
-        _optionalChain([selector, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.remove, 'call', _13 => _13()]);
+function getFallbackRemove(rule) {
+  const fallbackRemove = _postcssselectorparser2.default.call(void 0, (selectors) => {
+    let maybeImportantId = false;
+    selectors.walk((selector, idx) => {
+      if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
+        maybeImportantId = true;
       }
-    }
+      if (selector.type === "universal") {
+        _optionalChain([selector, 'access', _5 => _5.parent, 'optionalAccess', _6 => _6.remove, 'call', _7 => _7()]);
+      }
+      if (selector.type === "pseudo") {
+        if (selector.value === ":is") {
+          if (maybeImportantId && _optionalChain([selector, 'access', _8 => _8.nodes, 'access', _9 => _9[0], 'optionalAccess', _10 => _10.type]) === "selector") {
+            selector.replaceWith(selector.nodes[0]);
+          } else {
+            _optionalChain([selector, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.remove, 'call', _13 => _13()]);
+          }
+        } else if (selector.value === ":not") {
+          for (const x of selector.nodes) {
+            if (x.nodes.length === 1 && x.nodes[0].type === "id" && x.nodes[0].value === "#") {
+              x.nodes = [
+                _postcssselectorparser2.default.tag({
+                  value: "n"
+                })
+              ];
+            }
+          }
+        }
+      }
+      if (selector.type === "attribute") {
+        if (selector.attribute === "hidden") {
+          _optionalChain([rule, 'optionalAccess', _14 => _14.remove, 'call', _15 => _15()]);
+        } else {
+          selector.remove();
+        }
+      }
+    });
+    selectors.walk((selector) => {
+      if (selector.type === "pseudo") {
+        if (selector.value === ":where") {
+          const res = selector.nodes.every((x) => x.nodes.length === 0);
+          if (res) {
+            selector.remove();
+          }
+        }
+      }
+    });
   });
-});
+  return fallbackRemove;
+}
 
 // src/plugins/post.ts
 var postcssWeappTailwindcssPostPlugin = (options = {
@@ -143,7 +172,7 @@ var postcssWeappTailwindcssPostPlugin = (options = {
   if (isMainChunk) {
     p.OnceExit = (root) => {
       root.walkRules((rule) => {
-        fallbackRemove.transformSync(rule, {
+        getFallbackRemove(rule).transformSync(rule, {
           updateSelector: true,
           lossless: false
         });
@@ -462,7 +491,7 @@ function commonChunkPreflight(node, options) {
   const { ctx, cssChildCombinatorReplaceValue, cssInjectPreflight, injectAdditionalCssVarScope } = options;
   node.selector = remakeCombinatorSelector(node.selector, cssChildCombinatorReplaceValue);
   if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _14 => _14.markVariablesScope, 'call', _15 => _15(node)]);
+    _optionalChain([ctx, 'optionalAccess', _16 => _16.markVariablesScope, 'call', _17 => _17(node)]);
     node.selectors = remakeCssVarSelector(node.selectors, options);
     node.before(makePseudoVarRule());
     if (typeof cssInjectPreflight === "function") {
@@ -517,17 +546,327 @@ var postcssWeappTailwindcssPrePlugin = (options = {
 };
 postcssWeappTailwindcssPrePlugin.postcss = true;
 
-// src/plugins/index.ts
+// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.1_postcss@8.5.1/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
+
 
+// ../../node_modules/.pnpm/@csstools+selector-specificity@5.0.0_postcss-selector-parser@7.0.0/node_modules/@csstools/selector-specificity/dist/index.mjs
+
+function compare(e3, t2) {
+  return e3.a === t2.a ? e3.b === t2.b ? e3.c - t2.c : e3.b - t2.b : e3.a - t2.a;
+}
+function selectorSpecificity(t2, s) {
+  const i = _optionalChain([s, 'optionalAccess', _18 => _18.customSpecificity, 'optionalCall', _19 => _19(t2)]);
+  if (i) return i;
+  if (!t2) return { a: 0, b: 0, c: 0 };
+  let c = 0, n = 0, o2 = 0;
+  if ("universal" == t2.type) return { a: 0, b: 0, c: 0 };
+  if ("id" === t2.type) c += 1;
+  else if ("tag" === t2.type) o2 += 1;
+  else if ("class" === t2.type) n += 1;
+  else if ("attribute" === t2.type) n += 1;
+  else if (isPseudoElement(t2)) switch (t2.value.toLowerCase()) {
+    case "::slotted":
+      if (o2 += 1, t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case "::view-transition-group":
+    case "::view-transition-image-pair":
+    case "::view-transition-old":
+    case "::view-transition-new":
+      return t2.nodes && 1 === t2.nodes.length && "selector" === t2.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t2.nodes[0]) ? { a: 0, b: 0, c: 0 } : { a: 0, b: 0, c: 1 };
+    default:
+      o2 += 1;
+  }
+  else if (_postcssselectorparser2.default.isPseudoClass(t2)) switch (t2.value.toLowerCase()) {
+    case ":-webkit-any":
+    case ":any":
+    default:
+      n += 1;
+      break;
+    case ":-moz-any":
+    case ":has":
+    case ":is":
+    case ":matches":
+    case ":not":
+      if (t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case ":where":
+      break;
+    case ":nth-child":
+    case ":nth-last-child":
+      if (n += 1, t2.nodes && t2.nodes.length > 0) {
+        const i2 = t2.nodes[0].nodes.findIndex((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase());
+        if (i2 > -1) {
+          const a = _postcssselectorparser2.default.selector({ nodes: [], value: "" });
+          t2.nodes[0].nodes.slice(i2 + 1).forEach((e3) => {
+            a.append(e3.clone());
+          });
+          const r = [a];
+          t2.nodes.length > 1 && r.push(...t2.nodes.slice(1));
+          const l = specificityOfMostSpecificListItem(r, s);
+          c += l.a, n += l.b, o2 += l.c;
+        }
+      }
+      break;
+    case ":local":
+    case ":global":
+      t2.nodes && t2.nodes.length > 0 && t2.nodes.forEach((e3) => {
+        const t3 = selectorSpecificity(e3, s);
+        c += t3.a, n += t3.b, o2 += t3.c;
+      });
+      break;
+    case ":host":
+    case ":host-context":
+      if (n += 1, t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case ":active-view-transition":
+    case ":active-view-transition-type":
+      return { a: 0, b: 1, c: 0 };
+  }
+  else _postcssselectorparser2.default.isContainer(t2) && _optionalChain([t2, 'access', _20 => _20.nodes, 'optionalAccess', _21 => _21.length]) > 0 && t2.nodes.forEach((e3) => {
+    const t3 = selectorSpecificity(e3, s);
+    c += t3.a, n += t3.b, o2 += t3.c;
+  });
+  return { a: c, b: n, c: o2 };
+}
+function specificityOfMostSpecificListItem(e3, t2) {
+  let s = { a: 0, b: 0, c: 0 };
+  return e3.forEach((e4) => {
+    const i = selectorSpecificity(e4, t2);
+    compare(i, s) < 0 || (s = i);
+  }), s;
+}
+function isPseudoElement(t2) {
+  return _postcssselectorparser2.default.isPseudoElement(t2);
+}
+function selectorNodeContainsNothingOrOnlyUniversal(e3) {
+  if (!e3) return false;
+  if (!e3.nodes) return false;
+  const t2 = e3.nodes.filter((e4) => "comment" !== e4.type);
+  return 0 === t2.length || 1 === t2.length && "universal" === t2[0].type;
+}
+
+// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.1_postcss@8.5.1/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
+function alwaysValidSelector(s) {
+  const o2 = _postcssselectorparser2.default.call(void 0, ).astSync(s);
+  let t2 = true;
+  return o2.walk((e3) => {
+    if ("class" !== e3.type && "comment" !== e3.type && "id" !== e3.type && "root" !== e3.type && "selector" !== e3.type && "string" !== e3.type && "tag" !== e3.type && "universal" !== e3.type && ("attribute" !== e3.type || e3.insensitive) && ("combinator" !== e3.type || "+" !== e3.value && ">" !== e3.value && "~" !== e3.value && " " !== e3.value) && ("pseudo" !== e3.type || _optionalChain([e3, 'access', _22 => _22.nodes, 'optionalAccess', _23 => _23.length]) || ":hover" !== e3.value.toLowerCase() && ":focus" !== e3.value.toLowerCase())) {
+      if ("pseudo" === e3.type && 1 === _optionalChain([e3, 'access', _24 => _24.nodes, 'optionalAccess', _25 => _25.length]) && ":not" === e3.value.toLowerCase()) {
+        let s2 = true;
+        if (e3.nodes[0].walkCombinators(() => {
+          s2 = false;
+        }), s2) return;
+      }
+      return t2 = false, false;
+    }
+  }), t2;
+}
+function sortCompoundSelectorsInsideComplexSelector(s) {
+  if (!s || !s.nodes || 1 === s.nodes.length) return;
+  const o2 = [];
+  let t2 = [];
+  for (let n2 = 0; n2 < s.nodes.length; n2++) "combinator" !== s.nodes[n2].type ? _postcssselectorparser2.default.isPseudoElement(s.nodes[n2]) ? (o2.push(t2), t2 = [s.nodes[n2]]) : t2.push(s.nodes[n2]) : (o2.push(t2), o2.push([s.nodes[n2]]), t2 = []);
+  o2.push(t2);
+  const n = [];
+  for (let e3 = 0; e3 < o2.length; e3++) {
+    const s2 = o2[e3];
+    s2.sort((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type));
+    const t3 = new Set(s2.map((e4) => e4.type)), r = t3.has("universal") && (t3.has("tag") || t3.has("attribute") || t3.has("class") || t3.has("id") || t3.has("pseudo"));
+    for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : n.push(s2[e4]);
+  }
+  s.removeAll();
+  for (let o3 = n.length - 1; o3 >= 0; o3--) {
+    const t3 = n[o3 - 1];
+    if (n[o3].remove(), t3 && "tag" === t3.type && "tag" === n[o3].type) {
+      const t4 = _postcssselectorparser2.default.pseudo({ value: ":is", nodes: [_postcssselectorparser2.default.selector({ value: "", nodes: [n[o3]] })] });
+      t4.parent = s, s.nodes.unshift(t4);
+    } else n[o3].parent = s, s.nodes.unshift(n[o3]);
+  }
+}
+function selectorTypeOrder(s, t2) {
+  return _postcssselectorparser2.default.isPseudoElement(s) ? o.pseudoElement : o[t2];
+}
+var o = { universal: 0, tag: 1, pseudoElement: 2, id: 3, class: 4, attribute: 5, pseudo: 6, selector: 7, string: 8, root: 9, comment: 10 };
+function childAdjacentChild(e3) {
+  return !(!e3 || !e3.nodes) && ("selector" === e3.type && (3 === e3.nodes.length && (!(!e3.nodes[0] || "pseudo" !== e3.nodes[0].type || ":-csstools-matches" !== e3.nodes[0].value) && (!(!e3.nodes[1] || "combinator" !== e3.nodes[1].type || "+" !== e3.nodes[1].value && "~" !== e3.nodes[1].value) && (!(!e3.nodes[2] || "pseudo" !== e3.nodes[2].type || ":-csstools-matches" !== e3.nodes[2].value) && (!(!e3.nodes[0].nodes || 1 !== e3.nodes[0].nodes.length) && ("selector" === e3.nodes[0].nodes[0].type && (!(!e3.nodes[0].nodes[0].nodes || 3 !== e3.nodes[0].nodes[0].nodes.length) && (!(!e3.nodes[0].nodes[0].nodes || "combinator" !== e3.nodes[0].nodes[0].nodes[1].type || ">" !== e3.nodes[0].nodes[0].nodes[1].value) && (!(!e3.nodes[2].nodes || 1 !== e3.nodes[2].nodes.length) && ("selector" === e3.nodes[2].nodes[0].type && (!(!e3.nodes[2].nodes[0].nodes || 3 !== e3.nodes[2].nodes[0].nodes.length) && (!(!e3.nodes[2].nodes[0].nodes || "combinator" !== e3.nodes[2].nodes[0].nodes[1].type || ">" !== e3.nodes[2].nodes[0].nodes[1].value) && (e3.nodes[0].nodes[0].insertAfter(e3.nodes[0].nodes[0].nodes[0], e3.nodes[2].nodes[0].nodes[0].clone()), e3.nodes[2].nodes[0].nodes[1].remove(), e3.nodes[2].nodes[0].nodes[0].remove(), e3.nodes[0].replaceWith(e3.nodes[0].nodes[0]), e3.nodes[2].replaceWith(e3.nodes[2].nodes[0]), true))))))))))))));
+}
+function isInCompoundWithOneOtherElement(s) {
+  if (!s || !s.nodes) return false;
+  if (!_postcssselectorparser2.default.isSelector(s)) return false;
+  if (2 !== s.nodes.length) return false;
+  let o2 = -1, t2 = -1;
+  s.nodes[0] && _postcssselectorparser2.default.isPseudoClass(s.nodes[0]) && ":-csstools-matches" === s.nodes[0].value ? (o2 = 0, t2 = 1) : s.nodes[1] && _postcssselectorparser2.default.isPseudoClass(s.nodes[1]) && ":-csstools-matches" === s.nodes[1].value && (o2 = 1, t2 = 0);
+  const n = s.nodes[o2];
+  if (!n || !_postcssselectorparser2.default.isPseudoClass(n) || 1 !== n.nodes.length) return false;
+  const r = s.nodes[t2];
+  return !!r && (!_postcssselectorparser2.default.isCombinator(r) && (n.nodes[0].append(r.clone()), n.replaceWith(...n.nodes[0].nodes), r.remove(), true));
+}
+function isPseudoInFirstCompound(s) {
+  if (!s || !s.nodes) return false;
+  if (!_postcssselectorparser2.default.isSelector(s)) return false;
+  let o2 = -1;
+  for (let t3 = 0; t3 < s.nodes.length; t3++) {
+    const n2 = s.nodes[t3];
+    if (_postcssselectorparser2.default.isCombinator(n2)) return false;
+    if (_postcssselectorparser2.default.isPseudoClass(n2) && ":-csstools-matches" === n2.value) {
+      if (!n2.nodes || 1 !== n2.nodes.length) return false;
+      o2 = t3;
+      break;
+    }
+  }
+  const t2 = s.nodes[o2];
+  if (!t2 || !_postcssselectorparser2.default.isPseudoClass(t2)) return false;
+  const n = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
+  return n.forEach((e3) => {
+    t2.nodes[0].append(e3.clone());
+  }), r.forEach((e3) => {
+    t2.nodes[0].append(e3.clone());
+  }), t2.replaceWith(...t2.nodes), n.forEach((e3) => {
+    e3.remove();
+  }), r.forEach((e3) => {
+    e3.remove();
+  }), true;
+}
+function complexSelectors(s, o2, t2, n) {
+  return s.flatMap((s2) => {
+    if (-1 === s2.indexOf(":-csstools-matches") && -1 === s2.toLowerCase().indexOf(":is")) return s2;
+    const r = _postcssselectorparser2.default.call(void 0, ).astSync(s2);
+    return r.walkPseudos((s3) => {
+      if (":is" === s3.value.toLowerCase() && s3.nodes && s3.nodes.length && "selector" === s3.nodes[0].type && 0 === s3.nodes[0].nodes.length) return s3.value = ":not", void s3.nodes[0].append(_postcssselectorparser2.default.universal());
+      if (":-csstools-matches" === s3.value) if (!s3.nodes || s3.nodes.length) {
+        if (s3.walkPseudos((s4) => {
+          if (_postcssselectorparser2.default.isPseudoElement(s4)) {
+            let e3 = s4.value;
+            if (e3.startsWith("::-csstools-invalid-")) return;
+            for (; e3.startsWith(":"); ) e3 = e3.slice(1);
+            s4.value = `::-csstools-invalid-${e3}`, n();
+          }
+        }), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
+          if (1 === s3.nodes[0].nodes.length) return void s3.replaceWith(s3.nodes[0].nodes[0]);
+          if (!s3.nodes[0].some((e3) => "combinator" === e3.type)) return void s3.replaceWith(...s3.nodes[0].nodes);
+        }
+        1 !== r.nodes.length || "selector" !== r.nodes[0].type || 1 !== r.nodes[0].nodes.length || r.nodes[0].nodes[0] !== s3 ? childAdjacentChild(s3.parent) || isInCompoundWithOneOtherElement(s3.parent) || isPseudoInFirstCompound(s3.parent) || ("warning" === o2.onComplexSelector && t2(), s3.value = ":is") : s3.replaceWith(...s3.nodes[0].nodes);
+      } else s3.remove();
+    }), r.walk((e3) => {
+      "selector" === e3.type && "nodes" in e3 && 1 === e3.nodes.length && "selector" === e3.nodes[0].type && e3.replaceWith(e3.nodes[0]);
+    }), r.walk((e3) => {
+      "nodes" in e3 && sortCompoundSelectorsInsideComplexSelector(e3);
+    }), r.toString();
+  }).filter((e3) => !!e3);
+}
+function splitSelectors(o2, t2, n = 0) {
+  const r = ":not(#" + t2.specificityMatchingName + ")", d = ":not(." + t2.specificityMatchingName + ")", l = ":not(" + t2.specificityMatchingName + ")";
+  return o2.flatMap((o3) => {
+    if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
+    let a = false;
+    const i = [];
+    if (_postcssselectorparser2.default.call(void 0, ).astSync(o3).walkPseudos((e3) => {
+      if (":is" !== e3.value.toLowerCase() || !e3.nodes || !e3.nodes.length) return;
+      if ("selector" === e3.nodes[0].type && 0 === e3.nodes[0].nodes.length) return;
+      if ("pseudo" === _optionalChain([e3, 'access', _26 => _26.parent, 'optionalAccess', _27 => _27.parent, 'optionalAccess', _28 => _28.type]) && ":not" === _optionalChain([e3, 'access', _29 => _29.parent, 'optionalAccess', _30 => _30.parent, 'optionalAccess', _31 => _31.value, 'optionalAccess', _32 => _32.toLowerCase, 'call', _33 => _33()])) return void i.push([{ start: e3.parent.parent.sourceIndex, end: e3.parent.parent.sourceIndex + e3.parent.parent.toString().length, option: `:not(${e3.nodes.toString()})` }]);
+      if ("pseudo" === _optionalChain([e3, 'access', _34 => _34.parent, 'optionalAccess', _35 => _35.parent, 'optionalAccess', _36 => _36.type]) && ":has" === _optionalChain([e3, 'access', _37 => _37.parent, 'optionalAccess', _38 => _38.parent, 'optionalAccess', _39 => _39.value, 'optionalAccess', _40 => _40.toLowerCase, 'call', _41 => _41()])) return void (e3.value = ":-csstools-matches");
+      let o4 = e3.parent;
+      for (; o4; ) {
+        if (o4.value && ":is" === o4.value.toLowerCase() && "pseudo" === o4.type) return void (a = true);
+        o4 = o4.parent;
+      }
+      const t3 = selectorSpecificity(e3), n2 = e3.sourceIndex, c2 = n2 + e3.toString().length, p = [];
+      e3.nodes.forEach((e4) => {
+        const o5 = { start: n2, end: c2, option: "" }, a2 = selectorSpecificity(e4);
+        let i2 = e4.toString().trim();
+        const u = Math.max(0, t3.a - a2.a), h = Math.max(0, t3.b - a2.b), f = Math.max(0, t3.c - a2.c);
+        for (let e5 = 0; e5 < u; e5++) i2 += r;
+        for (let e5 = 0; e5 < h; e5++) i2 += d;
+        for (let e5 = 0; e5 < f; e5++) i2 += l;
+        o5.option = i2, p.push(o5);
+      }), i.push(p);
+    }), !i.length) return [o3];
+    let c = [];
+    return cartesianProduct(...i).forEach((e3) => {
+      let s = "";
+      for (let t3 = 0; t3 < e3.length; t3++) {
+        const n2 = e3[t3];
+        s += o3.substring(_optionalChain([e3, 'access', _42 => _42[t3 - 1], 'optionalAccess', _43 => _43.end]) || 0, e3[t3].start), s += ":-csstools-matches(" + n2.option + ")", t3 === e3.length - 1 && (s += o3.substring(e3[t3].end));
+      }
+      c.push(s);
+    }), a && n < 10 && (c = splitSelectors(c, t2, n + 1)), c;
+  }).filter((e3) => !!e3);
+}
+function cartesianProduct(...e3) {
+  const s = [], o2 = e3.length - 1;
+  return function helper(t2, n) {
+    for (let r = 0, d = e3[n].length; r < d; r++) {
+      const d2 = t2.slice(0);
+      d2.push(e3[n][r]), n === o2 ? s.push(d2) : helper(d2, n + 1);
+    }
+  }([], 0), s;
+}
+var t = /:is\(/i;
+var creator = (e3) => {
+  const s = { specificityMatchingName: "does-not-exist", ...e3 || {} };
+  return { postcssPlugin: "postcss-is-pseudo-class", prepare() {
+    const e4 = /* @__PURE__ */ new WeakSet();
+    return { postcssPlugin: "postcss-is-pseudo-class", Rule(o2, { result: n }) {
+      if (!o2.selector) return;
+      if (!t.test(o2.selector)) return;
+      if (e4.has(o2)) return;
+      let r = false;
+      const warnOnComplexSelector = () => {
+        "warning" === s.onComplexSelector && (r || (r = true, o2.warn(n, `Complex selectors in '${o2.selector}' can not be transformed to an equivalent selector without ':is()'.`)));
+      };
+      let d = false;
+      const warnOnPseudoElements = () => {
+        "warning" === s.onPseudoElement && (d || (d = true, o2.warn(n, `Pseudo elements are not allowed in ':is()', unable to transform '${o2.selector}'`)));
+      };
+      try {
+        let t2 = false;
+        const n2 = [], r2 = complexSelectors(splitSelectors(o2.selectors, { specificityMatchingName: s.specificityMatchingName }), { onComplexSelector: s.onComplexSelector }, warnOnComplexSelector, warnOnPseudoElements);
+        if (Array.from(new Set(r2)).forEach((s2) => {
+          if (o2.selectors.indexOf(s2) > -1) n2.push(s2);
+          else {
+            if (alwaysValidSelector(s2)) return n2.push(s2), void (t2 = true);
+            e4.add(o2), o2.cloneBefore({ selector: s2 }), t2 = true;
+          }
+        }), n2.length && t2 && (e4.add(o2), o2.cloneBefore({ selectors: n2 })), !s.preserve) {
+          if (!t2) return;
+          o2.remove();
+        }
+      } catch (e5) {
+        if (!(e5 instanceof Error)) throw e5;
+        if (e5.message.indexOf("call stack size exceeded") > -1) throw e5;
+        o2.warn(n, `Failed to parse selector "${o2.selector}" with error: ${e5.message}`);
+      }
+    } };
+  } };
+};
+creator.postcss = true;
+
+// src/plugins/index.ts
 
 function getPlugins(options) {
   const ctx = createContext();
   options.ctx = ctx;
   const plugins = [
-    ..._nullishCoalesce(_optionalChain([options, 'access', _16 => _16.postcssOptions, 'optionalAccess', _17 => _17.plugins]), () => ( [])),
+    ..._nullishCoalesce(_optionalChain([options, 'access', _44 => _44.postcssOptions, 'optionalAccess', _45 => _45.plugins]), () => ( [])),
     postcssWeappTailwindcssPrePlugin(options),
-    _postcssispseudoclass2.default.call(void 0, {
-      specificityMatchingName: "weapp-tw-ig"
+    _postcsspresetenv2.default.call(void 0, {
+      features: {
+        "cascade-layers": true,
+        "is-pseudo-class": {
+          specificityMatchingName: "weapp-tw-ig"
+        },
+        "oklab-function": true,
+        "color-mix": true
+      }
     })
   ];
   if (options.rem2rpx) {
@@ -549,7 +888,7 @@ function getPlugins(options) {
 function styleHandler(rawSource, options) {
   return _postcss2.default.call(void 0, getPlugins(options)).process(
     rawSource,
-    _nullishCoalesce(_optionalChain([options, 'access', _18 => _18.postcssOptions, 'optionalAccess', _19 => _19.options]), () => ( {
+    _nullishCoalesce(_optionalChain([options, 'access', _46 => _46.postcssOptions, 'optionalAccess', _47 => _47.options]), () => ( {
       from: void 0
     }))
   ).async();

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { defuOverrideArray } from "@weapp-tailwindcss/shared";
 import postcss from "postcss";
 
 // src/plugins/index.ts
-import postcssIsPseudoClass from "@csstools/postcss-is-pseudo-class";
+import postcssPresetEnv from "postcss-preset-env";
 import postcssRem2rpx from "postcss-rem-to-responsive-pixel";
 
 // src/symbols.ts
@@ -34,9 +34,9 @@ var postcssPlugin = "postcss-weapp-tailwindcss-rename-plugin";
 import selectorParser from "postcss-selector-parser";
 
 // src/shared.ts
-import { escape, SimpleMappingChars2String } from "@weapp-core/escape";
+import { escape, MappingChars2String } from "@weapp-core/escape";
 function internalCssSelectorReplacer(selectors, options = {
-  escapeMap: SimpleMappingChars2String
+  escapeMap: MappingChars2String
 }) {
   const { mangleContext, escapeMap } = options;
   if (mangleContext) {
@@ -86,11 +86,8 @@ function createRuleTransform(rule, options) {
   };
   return transform;
 }
-function getRuleTransformer(rule, options) {
-  return selectorParser(createRuleTransform(rule, options));
-}
 function ruleTransformSync(rule, options) {
-  const transformer = getRuleTransformer(rule, options);
+  const transformer = selectorParser(createRuleTransform(rule, options));
   return transformer.transformSync(rule, {
     lossless: false,
     updateSelector: true
@@ -113,24 +110,56 @@ function isOnlyBeforeAndAfterPseudoElement(node) {
   }).astSync(node);
   return b && a;
 }
-var fallbackRemove = selectorParser((selectors) => {
-  let maybeImportantId = false;
-  selectors.walk((selector, idx) => {
-    if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
-      maybeImportantId = true;
-    }
-    if (selector.type === "universal") {
-      selector.parent?.remove();
-    }
-    if (selector.type === "pseudo" && selector.value === ":is") {
-      if (maybeImportantId && selector.nodes[0]?.type === "selector") {
-        selector.replaceWith(selector.nodes[0]);
-      } else {
+function getFallbackRemove(rule) {
+  const fallbackRemove = selectorParser((selectors) => {
+    let maybeImportantId = false;
+    selectors.walk((selector, idx) => {
+      if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) {
+        maybeImportantId = true;
+      }
+      if (selector.type === "universal") {
         selector.parent?.remove();
       }
-    }
+      if (selector.type === "pseudo") {
+        if (selector.value === ":is") {
+          if (maybeImportantId && selector.nodes[0]?.type === "selector") {
+            selector.replaceWith(selector.nodes[0]);
+          } else {
+            selector.parent?.remove();
+          }
+        } else if (selector.value === ":not") {
+          for (const x of selector.nodes) {
+            if (x.nodes.length === 1 && x.nodes[0].type === "id" && x.nodes[0].value === "#") {
+              x.nodes = [
+                selectorParser.tag({
+                  value: "n"
+                })
+              ];
+            }
+          }
+        }
+      }
+      if (selector.type === "attribute") {
+        if (selector.attribute === "hidden") {
+          rule?.remove();
+        } else {
+          selector.remove();
+        }
+      }
+    });
+    selectors.walk((selector) => {
+      if (selector.type === "pseudo") {
+        if (selector.value === ":where") {
+          const res = selector.nodes.every((x) => x.nodes.length === 0);
+          if (res) {
+            selector.remove();
+          }
+        }
+      }
+    });
   });
-});
+  return fallbackRemove;
+}
 
 // src/plugins/post.ts
 var postcssWeappTailwindcssPostPlugin = (options = {
@@ -143,7 +172,7 @@ var postcssWeappTailwindcssPostPlugin = (options = {
   if (isMainChunk) {
     p.OnceExit = (root) => {
       root.walkRules((rule) => {
-        fallbackRemove.transformSync(rule, {
+        getFallbackRemove(rule).transformSync(rule, {
           updateSelector: true,
           lossless: false
         });
@@ -517,17 +546,327 @@ var postcssWeappTailwindcssPrePlugin = (options = {
 };
 postcssWeappTailwindcssPrePlugin.postcss = true;
 
+// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.1_postcss@8.5.1/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
+import e2 from "postcss-selector-parser";
+
+// ../../node_modules/.pnpm/@csstools+selector-specificity@5.0.0_postcss-selector-parser@7.0.0/node_modules/@csstools/selector-specificity/dist/index.mjs
+import e from "postcss-selector-parser";
+function compare(e3, t2) {
+  return e3.a === t2.a ? e3.b === t2.b ? e3.c - t2.c : e3.b - t2.b : e3.a - t2.a;
+}
+function selectorSpecificity(t2, s) {
+  const i = s?.customSpecificity?.(t2);
+  if (i) return i;
+  if (!t2) return { a: 0, b: 0, c: 0 };
+  let c = 0, n = 0, o2 = 0;
+  if ("universal" == t2.type) return { a: 0, b: 0, c: 0 };
+  if ("id" === t2.type) c += 1;
+  else if ("tag" === t2.type) o2 += 1;
+  else if ("class" === t2.type) n += 1;
+  else if ("attribute" === t2.type) n += 1;
+  else if (isPseudoElement(t2)) switch (t2.value.toLowerCase()) {
+    case "::slotted":
+      if (o2 += 1, t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case "::view-transition-group":
+    case "::view-transition-image-pair":
+    case "::view-transition-old":
+    case "::view-transition-new":
+      return t2.nodes && 1 === t2.nodes.length && "selector" === t2.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t2.nodes[0]) ? { a: 0, b: 0, c: 0 } : { a: 0, b: 0, c: 1 };
+    default:
+      o2 += 1;
+  }
+  else if (e.isPseudoClass(t2)) switch (t2.value.toLowerCase()) {
+    case ":-webkit-any":
+    case ":any":
+    default:
+      n += 1;
+      break;
+    case ":-moz-any":
+    case ":has":
+    case ":is":
+    case ":matches":
+    case ":not":
+      if (t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case ":where":
+      break;
+    case ":nth-child":
+    case ":nth-last-child":
+      if (n += 1, t2.nodes && t2.nodes.length > 0) {
+        const i2 = t2.nodes[0].nodes.findIndex((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase());
+        if (i2 > -1) {
+          const a = e.selector({ nodes: [], value: "" });
+          t2.nodes[0].nodes.slice(i2 + 1).forEach((e3) => {
+            a.append(e3.clone());
+          });
+          const r = [a];
+          t2.nodes.length > 1 && r.push(...t2.nodes.slice(1));
+          const l = specificityOfMostSpecificListItem(r, s);
+          c += l.a, n += l.b, o2 += l.c;
+        }
+      }
+      break;
+    case ":local":
+    case ":global":
+      t2.nodes && t2.nodes.length > 0 && t2.nodes.forEach((e3) => {
+        const t3 = selectorSpecificity(e3, s);
+        c += t3.a, n += t3.b, o2 += t3.c;
+      });
+      break;
+    case ":host":
+    case ":host-context":
+      if (n += 1, t2.nodes && t2.nodes.length > 0) {
+        const e3 = specificityOfMostSpecificListItem(t2.nodes, s);
+        c += e3.a, n += e3.b, o2 += e3.c;
+      }
+      break;
+    case ":active-view-transition":
+    case ":active-view-transition-type":
+      return { a: 0, b: 1, c: 0 };
+  }
+  else e.isContainer(t2) && t2.nodes?.length > 0 && t2.nodes.forEach((e3) => {
+    const t3 = selectorSpecificity(e3, s);
+    c += t3.a, n += t3.b, o2 += t3.c;
+  });
+  return { a: c, b: n, c: o2 };
+}
+function specificityOfMostSpecificListItem(e3, t2) {
+  let s = { a: 0, b: 0, c: 0 };
+  return e3.forEach((e4) => {
+    const i = selectorSpecificity(e4, t2);
+    compare(i, s) < 0 || (s = i);
+  }), s;
+}
+function isPseudoElement(t2) {
+  return e.isPseudoElement(t2);
+}
+function selectorNodeContainsNothingOrOnlyUniversal(e3) {
+  if (!e3) return false;
+  if (!e3.nodes) return false;
+  const t2 = e3.nodes.filter((e4) => "comment" !== e4.type);
+  return 0 === t2.length || 1 === t2.length && "universal" === t2[0].type;
+}
+
+// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.1_postcss@8.5.1/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
+function alwaysValidSelector(s) {
+  const o2 = e2().astSync(s);
+  let t2 = true;
+  return o2.walk((e3) => {
+    if ("class" !== e3.type && "comment" !== e3.type && "id" !== e3.type && "root" !== e3.type && "selector" !== e3.type && "string" !== e3.type && "tag" !== e3.type && "universal" !== e3.type && ("attribute" !== e3.type || e3.insensitive) && ("combinator" !== e3.type || "+" !== e3.value && ">" !== e3.value && "~" !== e3.value && " " !== e3.value) && ("pseudo" !== e3.type || e3.nodes?.length || ":hover" !== e3.value.toLowerCase() && ":focus" !== e3.value.toLowerCase())) {
+      if ("pseudo" === e3.type && 1 === e3.nodes?.length && ":not" === e3.value.toLowerCase()) {
+        let s2 = true;
+        if (e3.nodes[0].walkCombinators(() => {
+          s2 = false;
+        }), s2) return;
+      }
+      return t2 = false, false;
+    }
+  }), t2;
+}
+function sortCompoundSelectorsInsideComplexSelector(s) {
+  if (!s || !s.nodes || 1 === s.nodes.length) return;
+  const o2 = [];
+  let t2 = [];
+  for (let n2 = 0; n2 < s.nodes.length; n2++) "combinator" !== s.nodes[n2].type ? e2.isPseudoElement(s.nodes[n2]) ? (o2.push(t2), t2 = [s.nodes[n2]]) : t2.push(s.nodes[n2]) : (o2.push(t2), o2.push([s.nodes[n2]]), t2 = []);
+  o2.push(t2);
+  const n = [];
+  for (let e3 = 0; e3 < o2.length; e3++) {
+    const s2 = o2[e3];
+    s2.sort((e4, s3) => "selector" === e4.type && "selector" === s3.type && e4.nodes.length && s3.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : "selector" === e4.type && e4.nodes.length ? selectorTypeOrder(e4.nodes[0], e4.nodes[0].type) - selectorTypeOrder(s3, s3.type) : "selector" === s3.type && s3.nodes.length ? selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3.nodes[0], s3.nodes[0].type) : selectorTypeOrder(e4, e4.type) - selectorTypeOrder(s3, s3.type));
+    const t3 = new Set(s2.map((e4) => e4.type)), r = t3.has("universal") && (t3.has("tag") || t3.has("attribute") || t3.has("class") || t3.has("id") || t3.has("pseudo"));
+    for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : n.push(s2[e4]);
+  }
+  s.removeAll();
+  for (let o3 = n.length - 1; o3 >= 0; o3--) {
+    const t3 = n[o3 - 1];
+    if (n[o3].remove(), t3 && "tag" === t3.type && "tag" === n[o3].type) {
+      const t4 = e2.pseudo({ value: ":is", nodes: [e2.selector({ value: "", nodes: [n[o3]] })] });
+      t4.parent = s, s.nodes.unshift(t4);
+    } else n[o3].parent = s, s.nodes.unshift(n[o3]);
+  }
+}
+function selectorTypeOrder(s, t2) {
+  return e2.isPseudoElement(s) ? o.pseudoElement : o[t2];
+}
+var o = { universal: 0, tag: 1, pseudoElement: 2, id: 3, class: 4, attribute: 5, pseudo: 6, selector: 7, string: 8, root: 9, comment: 10 };
+function childAdjacentChild(e3) {
+  return !(!e3 || !e3.nodes) && ("selector" === e3.type && (3 === e3.nodes.length && (!(!e3.nodes[0] || "pseudo" !== e3.nodes[0].type || ":-csstools-matches" !== e3.nodes[0].value) && (!(!e3.nodes[1] || "combinator" !== e3.nodes[1].type || "+" !== e3.nodes[1].value && "~" !== e3.nodes[1].value) && (!(!e3.nodes[2] || "pseudo" !== e3.nodes[2].type || ":-csstools-matches" !== e3.nodes[2].value) && (!(!e3.nodes[0].nodes || 1 !== e3.nodes[0].nodes.length) && ("selector" === e3.nodes[0].nodes[0].type && (!(!e3.nodes[0].nodes[0].nodes || 3 !== e3.nodes[0].nodes[0].nodes.length) && (!(!e3.nodes[0].nodes[0].nodes || "combinator" !== e3.nodes[0].nodes[0].nodes[1].type || ">" !== e3.nodes[0].nodes[0].nodes[1].value) && (!(!e3.nodes[2].nodes || 1 !== e3.nodes[2].nodes.length) && ("selector" === e3.nodes[2].nodes[0].type && (!(!e3.nodes[2].nodes[0].nodes || 3 !== e3.nodes[2].nodes[0].nodes.length) && (!(!e3.nodes[2].nodes[0].nodes || "combinator" !== e3.nodes[2].nodes[0].nodes[1].type || ">" !== e3.nodes[2].nodes[0].nodes[1].value) && (e3.nodes[0].nodes[0].insertAfter(e3.nodes[0].nodes[0].nodes[0], e3.nodes[2].nodes[0].nodes[0].clone()), e3.nodes[2].nodes[0].nodes[1].remove(), e3.nodes[2].nodes[0].nodes[0].remove(), e3.nodes[0].replaceWith(e3.nodes[0].nodes[0]), e3.nodes[2].replaceWith(e3.nodes[2].nodes[0]), true))))))))))))));
+}
+function isInCompoundWithOneOtherElement(s) {
+  if (!s || !s.nodes) return false;
+  if (!e2.isSelector(s)) return false;
+  if (2 !== s.nodes.length) return false;
+  let o2 = -1, t2 = -1;
+  s.nodes[0] && e2.isPseudoClass(s.nodes[0]) && ":-csstools-matches" === s.nodes[0].value ? (o2 = 0, t2 = 1) : s.nodes[1] && e2.isPseudoClass(s.nodes[1]) && ":-csstools-matches" === s.nodes[1].value && (o2 = 1, t2 = 0);
+  const n = s.nodes[o2];
+  if (!n || !e2.isPseudoClass(n) || 1 !== n.nodes.length) return false;
+  const r = s.nodes[t2];
+  return !!r && (!e2.isCombinator(r) && (n.nodes[0].append(r.clone()), n.replaceWith(...n.nodes[0].nodes), r.remove(), true));
+}
+function isPseudoInFirstCompound(s) {
+  if (!s || !s.nodes) return false;
+  if (!e2.isSelector(s)) return false;
+  let o2 = -1;
+  for (let t3 = 0; t3 < s.nodes.length; t3++) {
+    const n2 = s.nodes[t3];
+    if (e2.isCombinator(n2)) return false;
+    if (e2.isPseudoClass(n2) && ":-csstools-matches" === n2.value) {
+      if (!n2.nodes || 1 !== n2.nodes.length) return false;
+      o2 = t3;
+      break;
+    }
+  }
+  const t2 = s.nodes[o2];
+  if (!t2 || !e2.isPseudoClass(t2)) return false;
+  const n = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
+  return n.forEach((e3) => {
+    t2.nodes[0].append(e3.clone());
+  }), r.forEach((e3) => {
+    t2.nodes[0].append(e3.clone());
+  }), t2.replaceWith(...t2.nodes), n.forEach((e3) => {
+    e3.remove();
+  }), r.forEach((e3) => {
+    e3.remove();
+  }), true;
+}
+function complexSelectors(s, o2, t2, n) {
+  return s.flatMap((s2) => {
+    if (-1 === s2.indexOf(":-csstools-matches") && -1 === s2.toLowerCase().indexOf(":is")) return s2;
+    const r = e2().astSync(s2);
+    return r.walkPseudos((s3) => {
+      if (":is" === s3.value.toLowerCase() && s3.nodes && s3.nodes.length && "selector" === s3.nodes[0].type && 0 === s3.nodes[0].nodes.length) return s3.value = ":not", void s3.nodes[0].append(e2.universal());
+      if (":-csstools-matches" === s3.value) if (!s3.nodes || s3.nodes.length) {
+        if (s3.walkPseudos((s4) => {
+          if (e2.isPseudoElement(s4)) {
+            let e3 = s4.value;
+            if (e3.startsWith("::-csstools-invalid-")) return;
+            for (; e3.startsWith(":"); ) e3 = e3.slice(1);
+            s4.value = `::-csstools-invalid-${e3}`, n();
+          }
+        }), 1 === s3.nodes.length && "selector" === s3.nodes[0].type) {
+          if (1 === s3.nodes[0].nodes.length) return void s3.replaceWith(s3.nodes[0].nodes[0]);
+          if (!s3.nodes[0].some((e3) => "combinator" === e3.type)) return void s3.replaceWith(...s3.nodes[0].nodes);
+        }
+        1 !== r.nodes.length || "selector" !== r.nodes[0].type || 1 !== r.nodes[0].nodes.length || r.nodes[0].nodes[0] !== s3 ? childAdjacentChild(s3.parent) || isInCompoundWithOneOtherElement(s3.parent) || isPseudoInFirstCompound(s3.parent) || ("warning" === o2.onComplexSelector && t2(), s3.value = ":is") : s3.replaceWith(...s3.nodes[0].nodes);
+      } else s3.remove();
+    }), r.walk((e3) => {
+      "selector" === e3.type && "nodes" in e3 && 1 === e3.nodes.length && "selector" === e3.nodes[0].type && e3.replaceWith(e3.nodes[0]);
+    }), r.walk((e3) => {
+      "nodes" in e3 && sortCompoundSelectorsInsideComplexSelector(e3);
+    }), r.toString();
+  }).filter((e3) => !!e3);
+}
+function splitSelectors(o2, t2, n = 0) {
+  const r = ":not(#" + t2.specificityMatchingName + ")", d = ":not(." + t2.specificityMatchingName + ")", l = ":not(" + t2.specificityMatchingName + ")";
+  return o2.flatMap((o3) => {
+    if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
+    let a = false;
+    const i = [];
+    if (e2().astSync(o3).walkPseudos((e3) => {
+      if (":is" !== e3.value.toLowerCase() || !e3.nodes || !e3.nodes.length) return;
+      if ("selector" === e3.nodes[0].type && 0 === e3.nodes[0].nodes.length) return;
+      if ("pseudo" === e3.parent?.parent?.type && ":not" === e3.parent?.parent?.value?.toLowerCase()) return void i.push([{ start: e3.parent.parent.sourceIndex, end: e3.parent.parent.sourceIndex + e3.parent.parent.toString().length, option: `:not(${e3.nodes.toString()})` }]);
+      if ("pseudo" === e3.parent?.parent?.type && ":has" === e3.parent?.parent?.value?.toLowerCase()) return void (e3.value = ":-csstools-matches");
+      let o4 = e3.parent;
+      for (; o4; ) {
+        if (o4.value && ":is" === o4.value.toLowerCase() && "pseudo" === o4.type) return void (a = true);
+        o4 = o4.parent;
+      }
+      const t3 = selectorSpecificity(e3), n2 = e3.sourceIndex, c2 = n2 + e3.toString().length, p = [];
+      e3.nodes.forEach((e4) => {
+        const o5 = { start: n2, end: c2, option: "" }, a2 = selectorSpecificity(e4);
+        let i2 = e4.toString().trim();
+        const u = Math.max(0, t3.a - a2.a), h = Math.max(0, t3.b - a2.b), f = Math.max(0, t3.c - a2.c);
+        for (let e5 = 0; e5 < u; e5++) i2 += r;
+        for (let e5 = 0; e5 < h; e5++) i2 += d;
+        for (let e5 = 0; e5 < f; e5++) i2 += l;
+        o5.option = i2, p.push(o5);
+      }), i.push(p);
+    }), !i.length) return [o3];
+    let c = [];
+    return cartesianProduct(...i).forEach((e3) => {
+      let s = "";
+      for (let t3 = 0; t3 < e3.length; t3++) {
+        const n2 = e3[t3];
+        s += o3.substring(e3[t3 - 1]?.end || 0, e3[t3].start), s += ":-csstools-matches(" + n2.option + ")", t3 === e3.length - 1 && (s += o3.substring(e3[t3].end));
+      }
+      c.push(s);
+    }), a && n < 10 && (c = splitSelectors(c, t2, n + 1)), c;
+  }).filter((e3) => !!e3);
+}
+function cartesianProduct(...e3) {
+  const s = [], o2 = e3.length - 1;
+  return function helper(t2, n) {
+    for (let r = 0, d = e3[n].length; r < d; r++) {
+      const d2 = t2.slice(0);
+      d2.push(e3[n][r]), n === o2 ? s.push(d2) : helper(d2, n + 1);
+    }
+  }([], 0), s;
+}
+var t = /:is\(/i;
+var creator = (e3) => {
+  const s = { specificityMatchingName: "does-not-exist", ...e3 || {} };
+  return { postcssPlugin: "postcss-is-pseudo-class", prepare() {
+    const e4 = /* @__PURE__ */ new WeakSet();
+    return { postcssPlugin: "postcss-is-pseudo-class", Rule(o2, { result: n }) {
+      if (!o2.selector) return;
+      if (!t.test(o2.selector)) return;
+      if (e4.has(o2)) return;
+      let r = false;
+      const warnOnComplexSelector = () => {
+        "warning" === s.onComplexSelector && (r || (r = true, o2.warn(n, `Complex selectors in '${o2.selector}' can not be transformed to an equivalent selector without ':is()'.`)));
+      };
+      let d = false;
+      const warnOnPseudoElements = () => {
+        "warning" === s.onPseudoElement && (d || (d = true, o2.warn(n, `Pseudo elements are not allowed in ':is()', unable to transform '${o2.selector}'`)));
+      };
+      try {
+        let t2 = false;
+        const n2 = [], r2 = complexSelectors(splitSelectors(o2.selectors, { specificityMatchingName: s.specificityMatchingName }), { onComplexSelector: s.onComplexSelector }, warnOnComplexSelector, warnOnPseudoElements);
+        if (Array.from(new Set(r2)).forEach((s2) => {
+          if (o2.selectors.indexOf(s2) > -1) n2.push(s2);
+          else {
+            if (alwaysValidSelector(s2)) return n2.push(s2), void (t2 = true);
+            e4.add(o2), o2.cloneBefore({ selector: s2 }), t2 = true;
+          }
+        }), n2.length && t2 && (e4.add(o2), o2.cloneBefore({ selectors: n2 })), !s.preserve) {
+          if (!t2) return;
+          o2.remove();
+        }
+      } catch (e5) {
+        if (!(e5 instanceof Error)) throw e5;
+        if (e5.message.indexOf("call stack size exceeded") > -1) throw e5;
+        o2.warn(n, `Failed to parse selector "${o2.selector}" with error: ${e5.message}`);
+      }
+    } };
+  } };
+};
+creator.postcss = true;
+
 // src/plugins/index.ts
-import { default as default2 } from "@csstools/postcss-is-pseudo-class";
-import { default as default3 } from "postcss-rem-to-responsive-pixel";
+import { default as default2 } from "postcss-rem-to-responsive-pixel";
 function getPlugins(options) {
   const ctx = createContext();
   options.ctx = ctx;
   const plugins = [
     ...options.postcssOptions?.plugins ?? [],
     postcssWeappTailwindcssPrePlugin(options),
-    postcssIsPseudoClass({
-      specificityMatchingName: "weapp-tw-ig"
+    postcssPresetEnv({
+      features: {
+        "cascade-layers": true,
+        "is-pseudo-class": {
+          specificityMatchingName: "weapp-tw-ig"
+        },
+        "oklab-function": true,
+        "color-mix": true
+      }
     })
   ];
   if (options.rem2rpx) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -33,9 +33,9 @@
     "dist"
   ],
   "dependencies": {
-    "@csstools/postcss-is-pseudo-class": "^5.0.1",
-    "@weapp-core/escape": "~3.0.2",
+    "@weapp-core/escape": "~4.0.0",
     "postcss": "~8.5.1",
+    "postcss-preset-env": "^10.1.3",
     "postcss-rem-to-responsive-pixel": "~6.0.2",
     "postcss-selector-parser": "~7.0.0",
     "@weapp-tailwindcss/shared": "1.0.0-alpha.3"