@weapp-tailwindcss/postcss 1.1.1 → 1.2.1-alpha.0

package/dist/index.d.mts

@@ -1,12 +1,14 @@
-import { I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions } from './types-tu70dcVo.mjs';
-export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions, c as createInjectPreflight } from './types-tu70dcVo.mjs';
+import { I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions } from './types-C5X6IWCb.mjs';
+export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions, c as createInjectPreflight } from './types-C5X6IWCb.mjs';
 import postcss from 'postcss';
+export { PostCssCalcOptions as CssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
+export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+export { PxtransformOptions as Px2rpxOptions } from 'postcss-pxtransform';
+export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 import '@weapp-tailwindcss/mangle';
 import 'postcss-load-config';
-import 'postcss-preset-env';
-import 'postcss-rem-to-responsive-pixel';
 
-declare function createStyleHandler(options: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => Promise<postcss.Result<postcss.Document | postcss.Root>>;
+declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => Promise<postcss.Result<postcss.Document | postcss.Root>>;
 
 declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
 

package/dist/index.d.ts

@@ -1,12 +1,14 @@
-import { I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions } from './types-tu70dcVo.js';
-export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions, c as createInjectPreflight } from './types-tu70dcVo.js';
+import { I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions } from './types-C5X6IWCb.js';
+export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions, c as createInjectPreflight } from './types-C5X6IWCb.js';
 import postcss from 'postcss';
+export { PostCssCalcOptions as CssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
+export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+export { PxtransformOptions as Px2rpxOptions } from 'postcss-pxtransform';
+export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 import '@weapp-tailwindcss/mangle';
 import 'postcss-load-config';
-import 'postcss-preset-env';
-import 'postcss-rem-to-responsive-pixel';
 
-declare function createStyleHandler(options: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => Promise<postcss.Result<postcss.Document | postcss.Root>>;
+declare function createStyleHandler(options?: Partial<IStyleHandlerOptions>): (rawSource: string, opt?: Partial<IStyleHandlerOptions>) => Promise<postcss.Result<postcss.Document | postcss.Root>>;
 
 declare function internalCssSelectorReplacer(selectors: string, options?: InternalCssSelectorReplacerOptions): string;
 

package/dist/index.js

@@ -5,7 +5,7 @@ var _shared = require('@weapp-tailwindcss/shared');
 var _postcss = require('postcss'); var _postcss2 = _interopRequireDefault(_postcss);
 
 // src/defaults.ts
-function getDefaultOptions() {
+function getDefaultOptions(options) {
   return {
     // https://github.com/postcss/postcss-calc
     cssPresetEnv: {
@@ -16,12 +16,14 @@ function getDefaultOptions() {
         },
         "oklab-function": true,
         "color-mix": true,
-        "custom-properties": false
+        // 在 calc 下，这个需要开启
+        "custom-properties": _optionalChain([options, 'optionalAccess', _ => _.cssCalc]) ? { preserve: false } : _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.cssPresetEnv, 'optionalAccess', _3 => _3.features, 'optionalAccess', _4 => _4["custom-properties"]]), () => ( false))
       },
       autoprefixer: {
         add: false
       }
     },
+    // 支付宝小程序不支持，所以默认关闭
     cssRemoveProperty: true,
     // cssRemoveAtSupports: true,
     // cssRemoveAtMedia: true,
@@ -33,7 +35,10 @@ function getDefaultOptions() {
 }
 
 // src/plugins/index.ts
+var _postcsscalc = require('@weapp-tailwindcss/postcss-calc'); var _postcsscalc2 = _interopRequireDefault(_postcsscalc);
+
 var _postcsspresetenv = require('postcss-preset-env'); var _postcsspresetenv2 = _interopRequireDefault(_postcsspresetenv);
+var _postcsspxtransform = require('postcss-pxtransform'); var _postcsspxtransform2 = _interopRequireDefault(_postcsspxtransform);
 var _postcssremtoresponsivepixel = require('postcss-rem-to-responsive-pixel'); var _postcssremtoresponsivepixel2 = _interopRequireDefault(_postcssremtoresponsivepixel);
 
 // src/plugins/ctx.ts
@@ -133,7 +138,7 @@ function createRuleTransform(rule, options) {
           mangleContext
         });
       } else if (selector.type === "universal") {
-        if (_optionalChain([cssSelectorReplacement, 'optionalAccess', _ => _.universal])) {
+        if (_optionalChain([cssSelectorReplacement, 'optionalAccess', _5 => _5.universal])) {
           selector.value = composeIsPseudo(cssSelectorReplacement.universal);
         }
       } else if (selector.type === "selector") {
@@ -144,7 +149,7 @@ function createRuleTransform(rule, options) {
           }
         }
       } else if (selector.type === "pseudo") {
-        if (selector.value === ":root" && _optionalChain([cssSelectorReplacement, 'optionalAccess', _2 => _2.root])) {
+        if (selector.value === ":root" && _optionalChain([cssSelectorReplacement, 'optionalAccess', _6 => _6.root])) {
           selector.value = composeIsPseudo(cssSelectorReplacement.root);
         } else if (selector.value === ":where") {
           if (uniAppX) {
@@ -153,7 +158,7 @@ function createRuleTransform(rule, options) {
           if (index === 0 && selector.length === 1) {
             selector.walk((node, idx) => {
               if (idx === 0 && node.type === "class") {
-                const nodes2 = _optionalChain([node, 'access', _3 => _3.parent, 'optionalAccess', _4 => _4.nodes]);
+                const nodes2 = _optionalChain([node, 'access', _7 => _7.parent, 'optionalAccess', _8 => _8.nodes]);
                 if (nodes2) {
                   const first = nodes2[idx + 1];
                   if (first && first.type === "combinator" && first.value === ">") {
@@ -196,7 +201,7 @@ function createRuleTransform(rule, options) {
         }
       } else if (selector.type === "combinator") {
         if (selector.value === ">") {
-          const nodes2 = _optionalChain([selector, 'access', _5 => _5.parent, 'optionalAccess', _6 => _6.nodes]);
+          const nodes2 = _optionalChain([selector, 'access', _9 => _9.parent, 'optionalAccess', _10 => _10.nodes]);
           if (nodes2) {
             const first = nodes2[index + 1];
             if (first && first.type === "pseudo" && first.value === ":not" && (first.first.first.type === "attribute" && first.first.first.attribute === "hidden" || first.first.first.type === "tag" && first.first.first.value === "template")) {
@@ -205,7 +210,7 @@ function createRuleTransform(rule, options) {
                 const third = nodes2[index + 3];
                 if (third && third.type === "pseudo" && third.value === ":not" && (third.first.first.type === "attribute" && third.first.first.attribute === "hidden" || third.first.first.type === "tag" && third.first.first.value === "template")) {
                   const ast = getCombinatorSelectorAst(options);
-                  _optionalChain([selector, 'access', _7 => _7.parent, 'optionalAccess', _8 => _8.nodes, 'access', _9 => _9.splice, 'call', _10 => _10(
+                  _optionalChain([selector, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.nodes, 'access', _13 => _13.splice, 'call', _14 => _14(
                     index + 1,
                     3,
                     ...ast
@@ -248,7 +253,7 @@ function isOnlyBeforeAndAfterPseudoElement(node) {
   let a = false;
   _postcssselectorparser2.default.call(void 0, (selectors) => {
     selectors.walkPseudos((s) => {
-      if (_optionalChain([s, 'access', _11 => _11.parent, 'optionalAccess', _12 => _12.length]) === 1) {
+      if (_optionalChain([s, 'access', _15 => _15.parent, 'optionalAccess', _16 => _16.length]) === 1) {
         if (/^:?:before$/.test(s.value)) {
           b = true;
         }
@@ -269,13 +274,13 @@ function getFallbackRemove(rule, options) {
         maybeImportantId = true;
       }
       if (selector.type === "universal") {
-        _optionalChain([selector, 'access', _13 => _13.parent, 'optionalAccess', _14 => _14.remove, 'call', _15 => _15()]);
+        _optionalChain([selector, 'access', _17 => _17.parent, 'optionalAccess', _18 => _18.remove, 'call', _19 => _19()]);
       } else if (selector.type === "pseudo") {
         if (selector.value === ":is") {
-          if (maybeImportantId && _optionalChain([selector, 'access', _16 => _16.nodes, 'access', _17 => _17[0], 'optionalAccess', _18 => _18.type]) === "selector") {
+          if (maybeImportantId && _optionalChain([selector, 'access', _20 => _20.nodes, 'access', _21 => _21[0], 'optionalAccess', _22 => _22.type]) === "selector") {
             selector.replaceWith(selector.nodes[0]);
           } else {
-            _optionalChain([selector, 'access', _19 => _19.parent, 'optionalAccess', _20 => _20.remove, 'call', _21 => _21()]);
+            _optionalChain([selector, 'access', _23 => _23.parent, 'optionalAccess', _24 => _24.remove, 'call', _25 => _25()]);
           }
         } else if (selector.value === ":not") {
           for (const x of selector.nodes) {
@@ -288,8 +293,8 @@ function getFallbackRemove(rule, options) {
             }
           }
         } else if (selector.value === ":where") {
-          for (const n2 of selector.nodes) {
-            for (const node of n2.nodes) {
+          for (const n of selector.nodes) {
+            for (const node of n.nodes) {
               if (node.type === "attribute") {
                 node.remove();
               }
@@ -298,7 +303,7 @@ function getFallbackRemove(rule, options) {
         }
       } else if (selector.type === "attribute") {
         if (selector.attribute === "hidden") {
-          _optionalChain([rule, 'optionalAccess', _22 => _22.remove, 'call', _23 => _23()]);
+          _optionalChain([rule, 'optionalAccess', _26 => _26.remove, 'call', _27 => _27()]);
         }
       }
     });
@@ -347,7 +352,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     p.DeclarationExit = (decl) => {
       if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
         decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-      } else if (/calc\(\s*infinity\s*\*\s*1r?px/.test(decl.value)) {
+      } else if (/calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/.test(decl.value)) {
         decl.value = "9999px";
       }
     };
@@ -355,12 +360,12 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
       if (opts.cssRemoveProperty && atRule.name === "property") {
         atRule.remove();
       }
-      _optionalChain([atRule, 'access', _24 => _24.nodes, 'optionalAccess', _25 => _25.length]) === 0 && atRule.remove();
+      _optionalChain([atRule, 'access', _28 => _28.nodes, 'optionalAccess', _29 => _29.length]) === 0 && atRule.remove();
     };
   }
   if (typeof opts.customRuleCallback === "function") {
     p.Rule = (rule) => {
-      _optionalChain([opts, 'access', _26 => _26.customRuleCallback, 'optionalCall', _27 => _27(rule, opts)]);
+      _optionalChain([opts, 'access', _30 => _30.customRuleCallback, 'optionalCall', _31 => _31(rule, opts)]);
     };
   }
   return p;
@@ -801,7 +806,7 @@ function remakeCssVarSelector(selectors, options) {
 function commonChunkPreflight(node, options) {
   const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
   if (testIfVariablesScope(node)) {
-    _optionalChain([ctx, 'optionalAccess', _28 => _28.markVariablesScope, 'call', _29 => _29(node)]);
+    _optionalChain([ctx, 'optionalAccess', _32 => _32.markVariablesScope, 'call', _33 => _33(node)]);
     node.selectors = remakeCssVarSelector(node.selectors, options);
     node.before(makePseudoVarRule());
     if (typeof cssInjectPreflight === "function") {
@@ -866,9 +871,9 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
       root.walkAtRules((atRule) => {
         if (atRule.name === "layer") {
           if (atRule.params === "properties") {
-            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _30 => _30.nodes, 'optionalAccess', _31 => _31.length]) === 0) {
+            if (atRule.nodes === void 0 || _optionalChain([atRule, 'access', _34 => _34.nodes, 'optionalAccess', _35 => _35.length]) === 0) {
               layerProperties = atRule;
-            } else if (_optionalChain([atRule, 'access', _32 => _32.first, 'optionalAccess', _33 => _33.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
+            } else if (_optionalChain([atRule, 'access', _36 => _36.first, 'optionalAccess', _37 => _37.type]) === "atrule" && isTailwindcssV4ModernCheck(atRule.first)) {
               if (layerProperties) {
                 layerProperties.replaceWith(atRule.first.nodes);
                 atRule.remove();
@@ -880,7 +885,7 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
             atRule.replaceWith(atRule.nodes);
           }
         } else if (isTailwindcssV4ModernCheck(atRule)) {
-          if (_optionalChain([atRule, 'access', _34 => _34.first, 'optionalAccess', _35 => _35.type]) === "atrule" && atRule.first.name === "layer") {
+          if (_optionalChain([atRule, 'access', _38 => _38.first, 'optionalAccess', _39 => _39.type]) === "atrule" && atRule.first.name === "layer") {
             atRule.replaceWith(atRule.first.nodes);
           }
         }
@@ -894,368 +899,68 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
 };
 postcssWeappTailwindcssPrePlugin.postcss = true;
 
-// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.3_postcss@8.5.6/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
-
-
-// ../../node_modules/.pnpm/@csstools+selector-specificity@5.0.0_postcss-selector-parser@7.1.0/node_modules/@csstools/selector-specificity/dist/index.mjs
-
-function compare(e3, t) {
-  return e3.a === t.a ? e3.b === t.b ? e3.c - t.c : e3.b - t.b : e3.a - t.a;
-}
-function selectorSpecificity(t, s) {
-  const i = _optionalChain([s, 'optionalAccess', _36 => _36.customSpecificity, 'optionalCall', _37 => _37(t)]);
-  if (i) return i;
-  if (!t) return { a: 0, b: 0, c: 0 };
-  let c = 0, n2 = 0, o2 = 0;
-  if ("universal" == t.type) return { a: 0, b: 0, c: 0 };
-  if ("id" === t.type) c += 1;
-  else if ("tag" === t.type) o2 += 1;
-  else if ("class" === t.type) n2 += 1;
-  else if ("attribute" === t.type) n2 += 1;
-  else if (isPseudoElement(t)) switch (t.value.toLowerCase()) {
-    case "::slotted":
-      if (o2 += 1, t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += e3.b, o2 += e3.c;
-      }
-      break;
-    case "::view-transition-group":
-    case "::view-transition-image-pair":
-    case "::view-transition-old":
-    case "::view-transition-new":
-      return t.nodes && 1 === t.nodes.length && "selector" === t.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t.nodes[0]) ? { a: 0, b: 0, c: 0 } : { a: 0, b: 0, c: 1 };
-    default:
-      o2 += 1;
-  }
-  else if (_postcssselectorparser2.default.isPseudoClass(t)) switch (t.value.toLowerCase()) {
-    case ":-webkit-any":
-    case ":any":
-    default:
-      n2 += 1;
-      break;
-    case ":-moz-any":
-    case ":has":
-    case ":is":
-    case ":matches":
-    case ":not":
-      if (t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += e3.b, o2 += e3.c;
-      }
-      break;
-    case ":where":
-      break;
-    case ":nth-child":
-    case ":nth-last-child":
-      if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const i2 = t.nodes[0].nodes.findIndex(((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase()));
-        if (i2 > -1) {
-          const a = _postcssselectorparser2.default.selector({ nodes: [], value: "" });
-          t.nodes[0].nodes.slice(i2 + 1).forEach(((e3) => {
-            a.append(e3.clone());
-          }));
-          const r = [a];
-          t.nodes.length > 1 && r.push(...t.nodes.slice(1));
-          const l = specificityOfMostSpecificListItem(r, s);
-          c += l.a, n2 += l.b, o2 += l.c;
-        }
-      }
-      break;
-    case ":local":
-    case ":global":
-      t.nodes && t.nodes.length > 0 && t.nodes.forEach(((e3) => {
-        const t2 = selectorSpecificity(e3, s);
-        c += t2.a, n2 += t2.b, o2 += t2.c;
-      }));
-      break;
-    case ":host":
-    case ":host-context":
-      if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += 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(t) && _optionalChain([t, 'access', _38 => _38.nodes, 'optionalAccess', _39 => _39.length]) > 0 && t.nodes.forEach(((e3) => {
-    const t2 = selectorSpecificity(e3, s);
-    c += t2.a, n2 += t2.b, o2 += t2.c;
-  }));
-  return { a: c, b: n2, c: o2 };
-}
-function specificityOfMostSpecificListItem(e3, t) {
-  let s = { a: 0, b: 0, c: 0 };
-  return e3.forEach(((e4) => {
-    const i = selectorSpecificity(e4, t);
-    compare(i, s) < 0 || (s = i);
-  })), s;
-}
-function isPseudoElement(t) {
-  return _postcssselectorparser2.default.isPseudoElement(t);
-}
-function selectorNodeContainsNothingOrOnlyUniversal(e3) {
-  if (!e3) return false;
-  if (!e3.nodes) return false;
-  const t = e3.nodes.filter(((e4) => "comment" !== e4.type));
-  return 0 === t.length || 1 === t.length && "universal" === t[0].type;
-}
-
-// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.3_postcss@8.5.6/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
-function alwaysValidSelector(s) {
-  const o2 = _postcssselectorparser2.default.call(void 0, ).astSync(s);
-  let n2 = 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', _40 => _40.nodes, 'optionalAccess', _41 => _41.length]) || ":hover" !== e3.value.toLowerCase() && ":focus" !== e3.value.toLowerCase())) {
-      if ("pseudo" === e3.type && 1 === _optionalChain([e3, 'access', _42 => _42.nodes, 'optionalAccess', _43 => _43.length]) && ":not" === e3.value.toLowerCase()) {
-        let s2 = true;
-        if (e3.nodes[0].walkCombinators((() => {
-          s2 = false;
-        })), s2) return;
-      }
-      return n2 = false, false;
-    }
-  })), n2;
-}
-function sortCompoundSelectorsInsideComplexSelector(s) {
-  if (!s || !s.nodes || 1 === s.nodes.length) return;
-  const o2 = [];
-  let n2 = [];
-  for (let t2 = 0; t2 < s.nodes.length; t2++) "combinator" !== s.nodes[t2].type ? _postcssselectorparser2.default.isPseudoElement(s.nodes[t2]) ? (o2.push(n2), n2 = [s.nodes[t2]]) : n2.push(s.nodes[t2]) : (o2.push(n2), o2.push([s.nodes[t2]]), n2 = []);
-  o2.push(n2);
-  const t = [];
-  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 n3 = new Set(s2.map(((e4) => e4.type))), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
-    for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : t.push(s2[e4]);
-  }
-  s.removeAll();
-  for (let o3 = t.length - 1; o3 >= 0; o3--) {
-    const n3 = t[o3 - 1];
-    if (t[o3].remove(), n3 && "tag" === n3.type && "tag" === t[o3].type) {
-      const n4 = _postcssselectorparser2.default.pseudo({ value: ":is", nodes: [_postcssselectorparser2.default.selector({ value: "", nodes: [t[o3]] })] });
-      n4.parent = s, s.nodes.unshift(n4);
-    } else t[o3].parent = s, s.nodes.unshift(t[o3]);
-  }
-}
-function selectorTypeOrder(s, n2) {
-  return _postcssselectorparser2.default.isPseudoElement(s) ? o.pseudoElement : o[n2];
-}
-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, n2 = -1;
-  s.nodes[0] && _postcssselectorparser2.default.isPseudoClass(s.nodes[0]) && ":-csstools-matches" === s.nodes[0].value ? (o2 = 0, n2 = 1) : s.nodes[1] && _postcssselectorparser2.default.isPseudoClass(s.nodes[1]) && ":-csstools-matches" === s.nodes[1].value && (o2 = 1, n2 = 0);
-  const t = s.nodes[o2];
-  if (!t || !_postcssselectorparser2.default.isPseudoClass(t) || 1 !== t.nodes.length) return false;
-  const r = s.nodes[n2];
-  return !!r && (!_postcssselectorparser2.default.isCombinator(r) && (!_postcssselectorparser2.default.isPseudoElement(r) && (t.nodes[0].append(r.clone()), t.replaceWith(...t.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 n3 = 0; n3 < s.nodes.length; n3++) {
-    const t2 = s.nodes[n3];
-    if (_postcssselectorparser2.default.isCombinator(t2)) return false;
-    if (_postcssselectorparser2.default.isPseudoElement(t2)) return false;
-    if (_postcssselectorparser2.default.isPseudoClass(t2)) {
-      const e3 = t2;
-      if (":-csstools-matches" === e3.value) {
-        if (!e3.nodes || 1 !== e3.nodes.length) return false;
-        o2 = n3;
-        break;
-      }
-    }
-  }
-  if (-1 === o2) return false;
-  const n2 = s.nodes[o2];
-  if (!n2 || !_postcssselectorparser2.default.isPseudoClass(n2)) return false;
-  const t = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
-  return t.forEach(((e3) => {
-    n2.nodes[0].append(e3.clone());
-  })), r.forEach(((e3) => {
-    n2.nodes[0].append(e3.clone());
-  })), n2.replaceWith(...n2.nodes), t.forEach(((e3) => {
-    e3.remove();
-  })), r.forEach(((e3) => {
-    e3.remove();
-  })), true;
-}
-function samePrecedingElement(s) {
-  if (!s || !s.nodes) return false;
-  if ("selector" !== s.type) return false;
-  let o2 = -1;
-  for (let n3 = 0; n3 < s.nodes.length; n3++) {
-    const t2 = s.nodes[n3];
-    if (_postcssselectorparser2.default.isCombinator(t2)) {
-      o2 = n3;
-      break;
-    }
-    if (_postcssselectorparser2.default.isPseudoElement(t2)) return false;
-  }
-  if (-1 === o2) return false;
-  const n2 = o2 + 1;
-  if (!s.nodes[o2] || "combinator" !== s.nodes[o2].type || ">" !== s.nodes[o2].value && "+" !== s.nodes[o2].value) return false;
-  const t = s.nodes[o2].value;
-  if (!s.nodes[n2] || "pseudo" !== s.nodes[n2].type || ":-csstools-matches" !== s.nodes[n2].value) return false;
-  if (!s.nodes[n2].nodes || 1 !== s.nodes[n2].nodes.length) return false;
-  if ("selector" !== s.nodes[n2].nodes[0].type) return false;
-  if (!s.nodes[n2].nodes[0].nodes || 3 !== s.nodes[n2].nodes[0].nodes.length) return false;
-  if (!s.nodes[n2].nodes[0].nodes || "combinator" !== s.nodes[n2].nodes[0].nodes[1].type || s.nodes[n2].nodes[0].nodes[1].value !== t) return false;
-  const r = s.nodes[n2];
-  if (!r || !_postcssselectorparser2.default.isPseudoClass(r)) return false;
-  const d = s.nodes.slice(0, o2), l = s.nodes.slice(n2 + 1);
-  return s.each(((e3) => {
-    e3.remove();
-  })), d.forEach(((e3) => {
-    s.append(e3);
-  })), r.nodes[0].nodes.forEach(((e3) => {
-    s.append(e3);
-  })), l.forEach(((e3) => {
-    s.append(e3);
-  })), true;
-}
-function complexSelectors(s, o2, n2, t) {
-  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}`, t();
-          }
-        })), 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) || samePrecedingElement(s3.parent) || ("warning" === o2.onComplexSelector && n2(), 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, n2, t = 0) {
-  const r = ":not(#" + n2.specificityMatchingName + ")", d = ":not(." + n2.specificityMatchingName + ")", l = ":not(" + n2.specificityMatchingName + ")";
-  return o2.flatMap(((o3) => {
-    if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
-    let i = false;
-    const a = [];
-    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', _44 => _44.parent, 'optionalAccess', _45 => _45.parent, 'optionalAccess', _46 => _46.type]) && ":not" === _optionalChain([e3, 'access', _47 => _47.parent, 'optionalAccess', _48 => _48.parent, 'optionalAccess', _49 => _49.value, 'optionalAccess', _50 => _50.toLowerCase, 'call', _51 => _51()])) return void a.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', _52 => _52.parent, 'optionalAccess', _53 => _53.parent, 'optionalAccess', _54 => _54.type]) && ":has" === _optionalChain([e3, 'access', _55 => _55.parent, 'optionalAccess', _56 => _56.parent, 'optionalAccess', _57 => _57.value, 'optionalAccess', _58 => _58.toLowerCase, 'call', _59 => _59()])) return void (e3.value = ":-csstools-matches");
-      let o4 = e3.parent;
-      for (; o4; ) {
-        if (o4.value && ":is" === o4.value.toLowerCase() && "pseudo" === o4.type) return void (i = true);
-        o4 = o4.parent;
-      }
-      const n3 = selectorSpecificity(e3), t2 = e3.sourceIndex, c2 = t2 + e3.toString().length, p = [];
-      e3.nodes.forEach(((e4) => {
-        const o5 = { start: t2, end: c2, option: "" }, i2 = selectorSpecificity(e4);
-        let a2 = e4.toString().trim();
-        const u = Math.max(0, n3.a - i2.a), h = Math.max(0, n3.b - i2.b), f = Math.max(0, n3.c - i2.c);
-        for (let e5 = 0; e5 < u; e5++) a2 += r;
-        for (let e5 = 0; e5 < h; e5++) a2 += d;
-        for (let e5 = 0; e5 < f; e5++) a2 += l;
-        o5.option = a2, p.push(o5);
-      })), a.push(p);
-    })), !a.length) return [o3];
-    let c = [];
-    return cartesianProduct(...a).forEach(((e3) => {
-      let s = "";
-      for (let n3 = 0; n3 < e3.length; n3++) {
-        const t2 = e3[n3];
-        s += o3.substring(_optionalChain([e3, 'access', _60 => _60[n3 - 1], 'optionalAccess', _61 => _61.end]) || 0, e3[n3].start), s += ":-csstools-matches(" + t2.option + ")", n3 === e3.length - 1 && (s += o3.substring(e3[n3].end));
-      }
-      c.push(s);
-    })), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
-  })).filter(((e3) => !!e3));
-}
-function cartesianProduct(...e3) {
-  const s = [], o2 = e3.length - 1;
-  return (function helper(n2, t) {
-    for (let r = 0, d = e3[t].length; r < d; r++) {
-      const d2 = n2.slice(0);
-      d2.push(e3[t][r]), t === o2 ? s.push(d2) : helper(d2, t + 1);
-    }
-  })([], 0), s;
-}
-var n = /: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: t }) {
-      if (!o2.selector) return;
-      if (!n.test(o2.selector)) return;
-      if (e4.has(o2)) return;
-      let r = false;
-      const warnOnComplexSelector = () => {
-        "warning" === s.onComplexSelector && (r || (r = true, o2.warn(t, `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(t, `Pseudo elements are not allowed in ':is()', unable to transform '${o2.selector}'`)));
-      };
-      try {
-        let n2 = false;
-        const t2 = [], 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) t2.push(s2);
-          else {
-            if (alwaysValidSelector(s2)) return t2.push(s2), void (n2 = true);
-            e4.add(o2), o2.cloneBefore({ selector: s2 }), n2 = true;
-          }
-        })), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
-          if (!n2) return;
-          o2.remove();
-        }
-      } catch (e5) {
-        if (!(e5 instanceof Error)) throw e5;
-        if (e5.message.indexOf("call stack size exceeded") > -1) throw e5;
-        o2.warn(t, `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', _62 => _62.postcssOptions, 'optionalAccess', _63 => _63.plugins]), () => ( [])),
-    postcssWeappTailwindcssPrePlugin(options),
-    // calc({ }),
-    _postcsspresetenv2.default.call(void 0, options.cssPresetEnv)
-  ];
+    ..._nullishCoalesce(_optionalChain([options, 'access', _40 => _40.postcssOptions, 'optionalAccess', _41 => _41.plugins]), () => ( [])),
+    postcssWeappTailwindcssPrePlugin(options)
+  ].filter((x) => Boolean(x));
+  plugins.push(
+    // https://preset-env.cssdb.org/
+    // https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#readme
+    _postcsspresetenv2.default.call(void 0, 
+      options.cssPresetEnv
+    )
+  );
+  if (options.px2rpx) {
+    plugins.push(
+      _postcsspxtransform2.default.call(void 0, 
+        _shared.defuOverrideArray.call(void 0, 
+          typeof options.px2rpx === "object" ? options.px2rpx : {},
+          {
+            platform: "weapp",
+            unitPrecision: 5,
+            propList: ["*"],
+            selectorBlackList: [],
+            replace: true,
+            mediaQuery: false,
+            minPixelValue: 0,
+            designWidth: 750,
+            deviceRatio: {
+              375: 2,
+              640: 2.34 / 2,
+              750: 1,
+              828: 1.81 / 2
+            }
+          }
+        )
+      )
+    );
+  }
   if (options.rem2rpx) {
     plugins.push(
       _postcssremtoresponsivepixel2.default.call(void 0, 
-        typeof options.rem2rpx === "object" ? options.rem2rpx : {
-          rootValue: 32,
-          propList: ["*"],
-          transformUnit: "rpx"
-        }
+        _shared.defuOverrideArray.call(void 0, 
+          typeof options.rem2rpx === "object" ? options.rem2rpx : {
+            rootValue: 32,
+            propList: ["*"],
+            transformUnit: "rpx"
+          },
+          {
+            processorStage: "OnceExit"
+          }
+        )
+      )
+    );
+  }
+  if (options.cssCalc) {
+    plugins.push(
+      // 核心在 OnceExit 的时候去执行的
+      _postcsscalc2.default.call(void 0, 
+        typeof options.cssCalc === "object" ? options.cssCalc : {}
       )
     );
   }
@@ -1288,7 +993,7 @@ function styleHandler(rawSource, options) {
     getPlugins(options)
   ).process(
     rawSource,
-    _shared.defu.call(void 0, _optionalChain([options, 'access', _64 => _64.postcssOptions, 'optionalAccess', _65 => _65.options]), {
+    _shared.defu.call(void 0, _optionalChain([options, 'access', _42 => _42.postcssOptions, 'optionalAccess', _43 => _43.options]), {
       from: void 0
     })
   ).async();
@@ -1296,7 +1001,7 @@ function styleHandler(rawSource, options) {
 function createStyleHandler(options) {
   const cachedOptions = _shared.defuOverrideArray.call(void 0, 
     options,
-    getDefaultOptions()
+    getDefaultOptions(options)
   );
   cachedOptions.cssInjectPreflight = createInjectPreflight(cachedOptions.cssPreflight);
   return (rawSource, opt) => {

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import "./chunk-WAXGOBY2.mjs";
 
 // src/handler.ts
-import { defu as defu3, defuOverrideArray as defuOverrideArray2 } from "@weapp-tailwindcss/shared";
+import { defu as defu3, defuOverrideArray as defuOverrideArray3 } from "@weapp-tailwindcss/shared";
 import postcss from "postcss";
 
 // src/defaults.ts
-function getDefaultOptions() {
+function getDefaultOptions(options) {
   return {
     // https://github.com/postcss/postcss-calc
     cssPresetEnv: {
@@ -16,12 +16,14 @@ function getDefaultOptions() {
         },
         "oklab-function": true,
         "color-mix": true,
-        "custom-properties": false
+        // 在 calc 下，这个需要开启
+        "custom-properties": options?.cssCalc ? { preserve: false } : options?.cssPresetEnv?.features?.["custom-properties"] ?? false
       },
       autoprefixer: {
         add: false
       }
     },
+    // 支付宝小程序不支持，所以默认关闭
     cssRemoveProperty: true,
     // cssRemoveAtSupports: true,
     // cssRemoveAtMedia: true,
@@ -33,7 +35,10 @@ function getDefaultOptions() {
 }
 
 // src/plugins/index.ts
+import postcssCalc from "@weapp-tailwindcss/postcss-calc";
+import { defuOverrideArray as defuOverrideArray2 } from "@weapp-tailwindcss/shared";
 import postcssPresetEnv from "postcss-preset-env";
+import postcssPxtransform from "postcss-pxtransform";
 import postcssRem2rpx from "postcss-rem-to-responsive-pixel";
 
 // src/plugins/ctx.ts
@@ -288,8 +293,8 @@ function getFallbackRemove(rule, options) {
             }
           }
         } else if (selector.value === ":where") {
-          for (const n2 of selector.nodes) {
-            for (const node of n2.nodes) {
+          for (const n of selector.nodes) {
+            for (const node of n.nodes) {
               if (node.type === "attribute") {
                 node.remove();
               }
@@ -347,7 +352,7 @@ var postcssWeappTailwindcssPostPlugin = (options) => {
     p.DeclarationExit = (decl) => {
       if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OklabSuffix)) {
         decl.value = decl.value.slice(0, decl.value.length - OklabSuffix.length);
-      } else if (/calc\(\s*infinity\s*\*\s*1r?px/.test(decl.value)) {
+      } else if (/calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/.test(decl.value)) {
         decl.value = "9999px";
       }
     };
@@ -894,349 +899,6 @@ var postcssWeappTailwindcssPrePlugin = (options) => {
 };
 postcssWeappTailwindcssPrePlugin.postcss = true;
 
-// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.3_postcss@8.5.6/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.1.0/node_modules/@csstools/selector-specificity/dist/index.mjs
-import e from "postcss-selector-parser";
-function compare(e3, t) {
-  return e3.a === t.a ? e3.b === t.b ? e3.c - t.c : e3.b - t.b : e3.a - t.a;
-}
-function selectorSpecificity(t, s) {
-  const i = s?.customSpecificity?.(t);
-  if (i) return i;
-  if (!t) return { a: 0, b: 0, c: 0 };
-  let c = 0, n2 = 0, o2 = 0;
-  if ("universal" == t.type) return { a: 0, b: 0, c: 0 };
-  if ("id" === t.type) c += 1;
-  else if ("tag" === t.type) o2 += 1;
-  else if ("class" === t.type) n2 += 1;
-  else if ("attribute" === t.type) n2 += 1;
-  else if (isPseudoElement(t)) switch (t.value.toLowerCase()) {
-    case "::slotted":
-      if (o2 += 1, t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += e3.b, o2 += e3.c;
-      }
-      break;
-    case "::view-transition-group":
-    case "::view-transition-image-pair":
-    case "::view-transition-old":
-    case "::view-transition-new":
-      return t.nodes && 1 === t.nodes.length && "selector" === t.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t.nodes[0]) ? { a: 0, b: 0, c: 0 } : { a: 0, b: 0, c: 1 };
-    default:
-      o2 += 1;
-  }
-  else if (e.isPseudoClass(t)) switch (t.value.toLowerCase()) {
-    case ":-webkit-any":
-    case ":any":
-    default:
-      n2 += 1;
-      break;
-    case ":-moz-any":
-    case ":has":
-    case ":is":
-    case ":matches":
-    case ":not":
-      if (t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += e3.b, o2 += e3.c;
-      }
-      break;
-    case ":where":
-      break;
-    case ":nth-child":
-    case ":nth-last-child":
-      if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const i2 = t.nodes[0].nodes.findIndex(((e3) => "tag" === e3.type && "of" === e3.value.toLowerCase()));
-        if (i2 > -1) {
-          const a = e.selector({ nodes: [], value: "" });
-          t.nodes[0].nodes.slice(i2 + 1).forEach(((e3) => {
-            a.append(e3.clone());
-          }));
-          const r = [a];
-          t.nodes.length > 1 && r.push(...t.nodes.slice(1));
-          const l = specificityOfMostSpecificListItem(r, s);
-          c += l.a, n2 += l.b, o2 += l.c;
-        }
-      }
-      break;
-    case ":local":
-    case ":global":
-      t.nodes && t.nodes.length > 0 && t.nodes.forEach(((e3) => {
-        const t2 = selectorSpecificity(e3, s);
-        c += t2.a, n2 += t2.b, o2 += t2.c;
-      }));
-      break;
-    case ":host":
-    case ":host-context":
-      if (n2 += 1, t.nodes && t.nodes.length > 0) {
-        const e3 = specificityOfMostSpecificListItem(t.nodes, s);
-        c += e3.a, n2 += 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(t) && t.nodes?.length > 0 && t.nodes.forEach(((e3) => {
-    const t2 = selectorSpecificity(e3, s);
-    c += t2.a, n2 += t2.b, o2 += t2.c;
-  }));
-  return { a: c, b: n2, c: o2 };
-}
-function specificityOfMostSpecificListItem(e3, t) {
-  let s = { a: 0, b: 0, c: 0 };
-  return e3.forEach(((e4) => {
-    const i = selectorSpecificity(e4, t);
-    compare(i, s) < 0 || (s = i);
-  })), s;
-}
-function isPseudoElement(t) {
-  return e.isPseudoElement(t);
-}
-function selectorNodeContainsNothingOrOnlyUniversal(e3) {
-  if (!e3) return false;
-  if (!e3.nodes) return false;
-  const t = e3.nodes.filter(((e4) => "comment" !== e4.type));
-  return 0 === t.length || 1 === t.length && "universal" === t[0].type;
-}
-
-// ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@5.0.3_postcss@8.5.6/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
-function alwaysValidSelector(s) {
-  const o2 = e2().astSync(s);
-  let n2 = 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 n2 = false, false;
-    }
-  })), n2;
-}
-function sortCompoundSelectorsInsideComplexSelector(s) {
-  if (!s || !s.nodes || 1 === s.nodes.length) return;
-  const o2 = [];
-  let n2 = [];
-  for (let t2 = 0; t2 < s.nodes.length; t2++) "combinator" !== s.nodes[t2].type ? e2.isPseudoElement(s.nodes[t2]) ? (o2.push(n2), n2 = [s.nodes[t2]]) : n2.push(s.nodes[t2]) : (o2.push(n2), o2.push([s.nodes[t2]]), n2 = []);
-  o2.push(n2);
-  const t = [];
-  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 n3 = new Set(s2.map(((e4) => e4.type))), r = n3.has("universal") && (n3.has("tag") || n3.has("attribute") || n3.has("class") || n3.has("id") || n3.has("pseudo"));
-    for (let e4 = 0; e4 < s2.length; e4++) "universal" === s2[e4].type && r ? s2[e4].remove() : t.push(s2[e4]);
-  }
-  s.removeAll();
-  for (let o3 = t.length - 1; o3 >= 0; o3--) {
-    const n3 = t[o3 - 1];
-    if (t[o3].remove(), n3 && "tag" === n3.type && "tag" === t[o3].type) {
-      const n4 = e2.pseudo({ value: ":is", nodes: [e2.selector({ value: "", nodes: [t[o3]] })] });
-      n4.parent = s, s.nodes.unshift(n4);
-    } else t[o3].parent = s, s.nodes.unshift(t[o3]);
-  }
-}
-function selectorTypeOrder(s, n2) {
-  return e2.isPseudoElement(s) ? o.pseudoElement : o[n2];
-}
-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, n2 = -1;
-  s.nodes[0] && e2.isPseudoClass(s.nodes[0]) && ":-csstools-matches" === s.nodes[0].value ? (o2 = 0, n2 = 1) : s.nodes[1] && e2.isPseudoClass(s.nodes[1]) && ":-csstools-matches" === s.nodes[1].value && (o2 = 1, n2 = 0);
-  const t = s.nodes[o2];
-  if (!t || !e2.isPseudoClass(t) || 1 !== t.nodes.length) return false;
-  const r = s.nodes[n2];
-  return !!r && (!e2.isCombinator(r) && (!e2.isPseudoElement(r) && (t.nodes[0].append(r.clone()), t.replaceWith(...t.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 n3 = 0; n3 < s.nodes.length; n3++) {
-    const t2 = s.nodes[n3];
-    if (e2.isCombinator(t2)) return false;
-    if (e2.isPseudoElement(t2)) return false;
-    if (e2.isPseudoClass(t2)) {
-      const e3 = t2;
-      if (":-csstools-matches" === e3.value) {
-        if (!e3.nodes || 1 !== e3.nodes.length) return false;
-        o2 = n3;
-        break;
-      }
-    }
-  }
-  if (-1 === o2) return false;
-  const n2 = s.nodes[o2];
-  if (!n2 || !e2.isPseudoClass(n2)) return false;
-  const t = s.nodes.slice(0, o2), r = s.nodes.slice(o2 + 1);
-  return t.forEach(((e3) => {
-    n2.nodes[0].append(e3.clone());
-  })), r.forEach(((e3) => {
-    n2.nodes[0].append(e3.clone());
-  })), n2.replaceWith(...n2.nodes), t.forEach(((e3) => {
-    e3.remove();
-  })), r.forEach(((e3) => {
-    e3.remove();
-  })), true;
-}
-function samePrecedingElement(s) {
-  if (!s || !s.nodes) return false;
-  if ("selector" !== s.type) return false;
-  let o2 = -1;
-  for (let n3 = 0; n3 < s.nodes.length; n3++) {
-    const t2 = s.nodes[n3];
-    if (e2.isCombinator(t2)) {
-      o2 = n3;
-      break;
-    }
-    if (e2.isPseudoElement(t2)) return false;
-  }
-  if (-1 === o2) return false;
-  const n2 = o2 + 1;
-  if (!s.nodes[o2] || "combinator" !== s.nodes[o2].type || ">" !== s.nodes[o2].value && "+" !== s.nodes[o2].value) return false;
-  const t = s.nodes[o2].value;
-  if (!s.nodes[n2] || "pseudo" !== s.nodes[n2].type || ":-csstools-matches" !== s.nodes[n2].value) return false;
-  if (!s.nodes[n2].nodes || 1 !== s.nodes[n2].nodes.length) return false;
-  if ("selector" !== s.nodes[n2].nodes[0].type) return false;
-  if (!s.nodes[n2].nodes[0].nodes || 3 !== s.nodes[n2].nodes[0].nodes.length) return false;
-  if (!s.nodes[n2].nodes[0].nodes || "combinator" !== s.nodes[n2].nodes[0].nodes[1].type || s.nodes[n2].nodes[0].nodes[1].value !== t) return false;
-  const r = s.nodes[n2];
-  if (!r || !e2.isPseudoClass(r)) return false;
-  const d = s.nodes.slice(0, o2), l = s.nodes.slice(n2 + 1);
-  return s.each(((e3) => {
-    e3.remove();
-  })), d.forEach(((e3) => {
-    s.append(e3);
-  })), r.nodes[0].nodes.forEach(((e3) => {
-    s.append(e3);
-  })), l.forEach(((e3) => {
-    s.append(e3);
-  })), true;
-}
-function complexSelectors(s, o2, n2, t) {
-  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}`, t();
-          }
-        })), 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) || samePrecedingElement(s3.parent) || ("warning" === o2.onComplexSelector && n2(), 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, n2, t = 0) {
-  const r = ":not(#" + n2.specificityMatchingName + ")", d = ":not(." + n2.specificityMatchingName + ")", l = ":not(" + n2.specificityMatchingName + ")";
-  return o2.flatMap(((o3) => {
-    if (-1 === o3.toLowerCase().indexOf(":is")) return o3;
-    let i = false;
-    const a = [];
-    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 a.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 (i = true);
-        o4 = o4.parent;
-      }
-      const n3 = selectorSpecificity(e3), t2 = e3.sourceIndex, c2 = t2 + e3.toString().length, p = [];
-      e3.nodes.forEach(((e4) => {
-        const o5 = { start: t2, end: c2, option: "" }, i2 = selectorSpecificity(e4);
-        let a2 = e4.toString().trim();
-        const u = Math.max(0, n3.a - i2.a), h = Math.max(0, n3.b - i2.b), f = Math.max(0, n3.c - i2.c);
-        for (let e5 = 0; e5 < u; e5++) a2 += r;
-        for (let e5 = 0; e5 < h; e5++) a2 += d;
-        for (let e5 = 0; e5 < f; e5++) a2 += l;
-        o5.option = a2, p.push(o5);
-      })), a.push(p);
-    })), !a.length) return [o3];
-    let c = [];
-    return cartesianProduct(...a).forEach(((e3) => {
-      let s = "";
-      for (let n3 = 0; n3 < e3.length; n3++) {
-        const t2 = e3[n3];
-        s += o3.substring(e3[n3 - 1]?.end || 0, e3[n3].start), s += ":-csstools-matches(" + t2.option + ")", n3 === e3.length - 1 && (s += o3.substring(e3[n3].end));
-      }
-      c.push(s);
-    })), i && t < 10 && (c = splitSelectors(c, n2, t + 1)), c;
-  })).filter(((e3) => !!e3));
-}
-function cartesianProduct(...e3) {
-  const s = [], o2 = e3.length - 1;
-  return (function helper(n2, t) {
-    for (let r = 0, d = e3[t].length; r < d; r++) {
-      const d2 = n2.slice(0);
-      d2.push(e3[t][r]), t === o2 ? s.push(d2) : helper(d2, t + 1);
-    }
-  })([], 0), s;
-}
-var n = /: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: t }) {
-      if (!o2.selector) return;
-      if (!n.test(o2.selector)) return;
-      if (e4.has(o2)) return;
-      let r = false;
-      const warnOnComplexSelector = () => {
-        "warning" === s.onComplexSelector && (r || (r = true, o2.warn(t, `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(t, `Pseudo elements are not allowed in ':is()', unable to transform '${o2.selector}'`)));
-      };
-      try {
-        let n2 = false;
-        const t2 = [], 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) t2.push(s2);
-          else {
-            if (alwaysValidSelector(s2)) return t2.push(s2), void (n2 = true);
-            e4.add(o2), o2.cloneBefore({ selector: s2 }), n2 = true;
-          }
-        })), t2.length && n2 && (e4.add(o2), o2.cloneBefore({ selectors: t2 })), !s.preserve) {
-          if (!n2) return;
-          o2.remove();
-        }
-      } catch (e5) {
-        if (!(e5 instanceof Error)) throw e5;
-        if (e5.message.indexOf("call stack size exceeded") > -1) throw e5;
-        o2.warn(t, `Failed to parse selector "${o2.selector}" with error: ${e5.message}`);
-      }
-    } };
-  } };
-};
-creator.postcss = true;
-
 // src/plugins/index.ts
 import { default as default2 } from "postcss-rem-to-responsive-pixel";
 function getPlugins(options) {
@@ -1244,18 +906,61 @@ function getPlugins(options) {
   options.ctx = ctx;
   const plugins = [
     ...options.postcssOptions?.plugins ?? [],
-    postcssWeappTailwindcssPrePlugin(options),
-    // calc({ }),
-    postcssPresetEnv(options.cssPresetEnv)
-  ];
+    postcssWeappTailwindcssPrePlugin(options)
+  ].filter((x) => Boolean(x));
+  plugins.push(
+    // https://preset-env.cssdb.org/
+    // https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-preset-env#readme
+    postcssPresetEnv(
+      options.cssPresetEnv
+    )
+  );
+  if (options.px2rpx) {
+    plugins.push(
+      postcssPxtransform(
+        defuOverrideArray2(
+          typeof options.px2rpx === "object" ? options.px2rpx : {},
+          {
+            platform: "weapp",
+            unitPrecision: 5,
+            propList: ["*"],
+            selectorBlackList: [],
+            replace: true,
+            mediaQuery: false,
+            minPixelValue: 0,
+            designWidth: 750,
+            deviceRatio: {
+              375: 2,
+              640: 2.34 / 2,
+              750: 1,
+              828: 1.81 / 2
+            }
+          }
+        )
+      )
+    );
+  }
   if (options.rem2rpx) {
     plugins.push(
       postcssRem2rpx(
-        typeof options.rem2rpx === "object" ? options.rem2rpx : {
-          rootValue: 32,
-          propList: ["*"],
-          transformUnit: "rpx"
-        }
+        defuOverrideArray2(
+          typeof options.rem2rpx === "object" ? options.rem2rpx : {
+            rootValue: 32,
+            propList: ["*"],
+            transformUnit: "rpx"
+          },
+          {
+            processorStage: "OnceExit"
+          }
+        )
+      )
+    );
+  }
+  if (options.cssCalc) {
+    plugins.push(
+      // 核心在 OnceExit 的时候去执行的
+      postcssCalc(
+        typeof options.cssCalc === "object" ? options.cssCalc : {}
       )
     );
   }
@@ -1294,15 +999,15 @@ function styleHandler(rawSource, options) {
   ).async();
 }
 function createStyleHandler(options) {
-  const cachedOptions = defuOverrideArray2(
+  const cachedOptions = defuOverrideArray3(
     options,
-    getDefaultOptions()
+    getDefaultOptions(options)
   );
   cachedOptions.cssInjectPreflight = createInjectPreflight(cachedOptions.cssPreflight);
   return (rawSource, opt) => {
     return styleHandler(
       rawSource,
-      defuOverrideArray2(opt, cachedOptions)
+      defuOverrideArray3(opt, cachedOptions)
     );
   };
 }

package/dist/{types-tu70dcVo.d.mts → types-C5X6IWCb.d.mts}

@@ -1,7 +1,9 @@
 import { IMangleScopeContext } from '@weapp-tailwindcss/mangle';
+import { PostCssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import { Rule } from 'postcss';
 import { Result } from 'postcss-load-config';
 import { pluginOptions } from 'postcss-preset-env';
+import { PxtransformOptions } from 'postcss-pxtransform';
 import { UserDefinedOptions } from 'postcss-rem-to-responsive-pixel';
 
 declare function createContext(): {
@@ -31,7 +33,7 @@ type RequiredStyleHandlerOptions = {
     cssPreflight?: CssPreflightOptions;
     cssInjectPreflight?: InjectPreflight;
     escapeMap?: Record<string, string>;
-} & Pick<UserDefinedPostcssOptions, 'cssPreflightRange' | 'cssChildCombinatorReplaceValue' | 'injectAdditionalCssVarScope' | 'cssSelectorReplacement' | 'rem2rpx'>;
+} & Pick<UserDefinedPostcssOptions, 'cssPreflightRange' | 'cssChildCombinatorReplaceValue' | 'injectAdditionalCssVarScope' | 'cssSelectorReplacement' | 'rem2rpx' | 'px2rpx'>;
 interface InternalCssSelectorReplacerOptions {
     mangleContext?: IMangleScopeContext;
     escapeMap?: Record<string, string>;
@@ -44,6 +46,7 @@ type IStyleHandlerOptions = {
     cssRemoveProperty?: boolean;
     cssRemoveHoverPseudoClass?: boolean;
     cssPresetEnv?: pluginOptions;
+    cssCalc?: boolean | PostCssCalcOptions;
     atRules?: {
         property?: boolean;
         supports?: boolean;
@@ -63,6 +66,7 @@ interface UserDefinedPostcssOptions {
         universal?: string | string[] | false;
     };
     rem2rpx?: boolean | UserDefinedOptions;
+    px2rpx?: boolean | PxtransformOptions;
     postcssOptions?: LoadedPostcssOptions;
     cssRemoveHoverPseudoClass?: boolean;
     cssRemoveProperty?: boolean;

package/dist/{types-tu70dcVo.d.ts → types-C5X6IWCb.d.ts}

@@ -1,7 +1,9 @@
 import { IMangleScopeContext } from '@weapp-tailwindcss/mangle';
+import { PostCssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import { Rule } from 'postcss';
 import { Result } from 'postcss-load-config';
 import { pluginOptions } from 'postcss-preset-env';
+import { PxtransformOptions } from 'postcss-pxtransform';
 import { UserDefinedOptions } from 'postcss-rem-to-responsive-pixel';
 
 declare function createContext(): {
@@ -31,7 +33,7 @@ type RequiredStyleHandlerOptions = {
     cssPreflight?: CssPreflightOptions;
     cssInjectPreflight?: InjectPreflight;
     escapeMap?: Record<string, string>;
-} & Pick<UserDefinedPostcssOptions, 'cssPreflightRange' | 'cssChildCombinatorReplaceValue' | 'injectAdditionalCssVarScope' | 'cssSelectorReplacement' | 'rem2rpx'>;
+} & Pick<UserDefinedPostcssOptions, 'cssPreflightRange' | 'cssChildCombinatorReplaceValue' | 'injectAdditionalCssVarScope' | 'cssSelectorReplacement' | 'rem2rpx' | 'px2rpx'>;
 interface InternalCssSelectorReplacerOptions {
     mangleContext?: IMangleScopeContext;
     escapeMap?: Record<string, string>;
@@ -44,6 +46,7 @@ type IStyleHandlerOptions = {
     cssRemoveProperty?: boolean;
     cssRemoveHoverPseudoClass?: boolean;
     cssPresetEnv?: pluginOptions;
+    cssCalc?: boolean | PostCssCalcOptions;
     atRules?: {
         property?: boolean;
         supports?: boolean;
@@ -63,6 +66,7 @@ interface UserDefinedPostcssOptions {
         universal?: string | string[] | false;
     };
     rem2rpx?: boolean | UserDefinedOptions;
+    px2rpx?: boolean | PxtransformOptions;
     postcssOptions?: LoadedPostcssOptions;
     cssRemoveHoverPseudoClass?: boolean;
     cssRemoveProperty?: boolean;

package/dist/types.d.mts

@@ -1,6 +1,8 @@
 import '@weapp-tailwindcss/mangle';
+export { PostCssCalcOptions as CssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import 'postcss';
 import 'postcss-load-config';
-import 'postcss-preset-env';
-import 'postcss-rem-to-responsive-pixel';
-export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions } from './types-tu70dcVo.mjs';
+export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+export { PxtransformOptions as Px2rpxOptions } from 'postcss-pxtransform';
+export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
+export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions } from './types-C5X6IWCb.mjs';

package/dist/types.d.ts

@@ -1,6 +1,8 @@
 import '@weapp-tailwindcss/mangle';
+export { PostCssCalcOptions as CssCalcOptions } from '@weapp-tailwindcss/postcss-calc';
 import 'postcss';
 import 'postcss-load-config';
-import 'postcss-preset-env';
-import 'postcss-rem-to-responsive-pixel';
-export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions } from './types-tu70dcVo.js';
+export { pluginOptions as PresetEnvOptions } from 'postcss-preset-env';
+export { PxtransformOptions as Px2rpxOptions } from 'postcss-pxtransform';
+export { UserDefinedOptions as Rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
+export { d as CssPreflightOptions, C as CustomRuleCallback, b as IPropValue, I as IStyleHandlerOptions, a as InternalCssSelectorReplacerOptions, L as LoadedPostcssOptions, R as RequiredStyleHandlerOptions, U as UserDefinedPostcssOptions } from './types-C5X6IWCb.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "1.1.1",
+  "version": "1.2.1-alpha.0",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -40,13 +40,16 @@
   ],
   "dependencies": {
     "@weapp-core/escape": "~4.0.1",
+    "@weapp-tailwindcss/postcss-calc": "^1.0.0",
     "postcss": "~8.5.6",
     "postcss-preset-env": "^10.3.1",
-    "postcss-rem-to-responsive-pixel": "~6.0.2",
+    "postcss-pxtransform": "^4.1.6",
+    "postcss-rem-to-responsive-pixel": "~6.1.0",
     "postcss-selector-parser": "~7.1.0",
     "@weapp-tailwindcss/shared": "1.0.3"
   },
   "devDependencies": {
+    "@csstools/postcss-is-pseudo-class": "^5.0.3",
     "postcss-calc": "^10.1.1",
     "postcss-value-parser": "^4.2.0",
     "@weapp-tailwindcss/mangle": "1.0.5"