weapp-tailwindcss 3.0.0 → 3.0.1

package/dist/cli.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var options = require('./options-_u-7p8aC.js');
+var options = require('./options-M6TutRrF.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -15,10 +15,10 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-sB1dQbYV.js');
-require('postcss-selector-parser');
+require('./postcss-XAQSRPqF.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
+require('postcss-selector-parser');
 require('node:path');
 require('node:fs');
 require('semver');

package/dist/cli.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, c as createPatch } from './options-vyKfCeIO.mjs';
+import { g as getOptions, c as createPatch } from './options-mJwenBmV.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -13,10 +13,10 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-4kTT_aj1.mjs';
-import 'postcss-selector-parser';
+import './postcss-kpIT_QQe.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
+import 'postcss-selector-parser';
 import 'node:path';
 import 'node:fs';
 import 'semver';

package/dist/core.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-_u-7p8aC.js');
+var options = require('./options-M6TutRrF.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -17,10 +17,10 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-sB1dQbYV.js');
-require('postcss-selector-parser');
+require('./postcss-XAQSRPqF.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
+require('postcss-selector-parser');
 require('node:path');
 require('node:fs');
 require('semver');

package/dist/core.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-vyKfCeIO.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-mJwenBmV.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -13,10 +13,10 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-4kTT_aj1.mjs';
-import 'postcss-selector-parser';
+import './postcss-kpIT_QQe.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
+import 'postcss-selector-parser';
 import 'node:path';
 import 'node:fs';
 import 'semver';

package/dist/gulp.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-_u-7p8aC.js');
+var options = require('./options-M6TutRrF.js');
 var stream = require('node:stream');
 require('magic-string');
 require('./replace.js');
@@ -18,10 +18,10 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-sB1dQbYV.js');
-require('postcss-selector-parser');
+require('./postcss-XAQSRPqF.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
+require('postcss-selector-parser');
 require('node:path');
 require('node:fs');
 require('semver');

package/dist/gulp.mjs

@@ -1,4 +1,4 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-vyKfCeIO.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-mJwenBmV.mjs';
 import stream from 'node:stream';
 import 'magic-string';
 import './replace.mjs';
@@ -14,10 +14,10 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-4kTT_aj1.mjs';
-import 'postcss-selector-parser';
+import './postcss-kpIT_QQe.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
+import 'postcss-selector-parser';
 import 'node:path';
 import 'node:fs';
 import 'semver';

package/dist/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var webpack = require('./webpack.js');
 var vite = require('./vite.js');
 var gulp = require('./gulp.js');
-require('./options-_u-7p8aC.js');
+require('./options-M6TutRrF.js');
 require('magic-string');
 require('./replace.js');
 require('@weapp-core/escape');
@@ -20,10 +20,10 @@ require('./defu-KWuJnZLV.js');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('./postcss-sB1dQbYV.js');
-require('postcss-selector-parser');
+require('./postcss-XAQSRPqF.js');
 require('@csstools/postcss-is-pseudo-class');
 require('postcss-rem-to-responsive-pixel');
+require('postcss-selector-parser');
 require('node:path');
 require('node:fs');
 require('semver');

package/dist/index.mjs

@@ -1,7 +1,7 @@
 export { UnifiedWebpackPluginV5 } from './webpack.mjs';
 export { UnifiedViteWeappTailwindcssPlugin } from './vite.mjs';
 export { createPlugins } from './gulp.mjs';
-import './options-vyKfCeIO.mjs';
+import './options-mJwenBmV.mjs';
 import 'magic-string';
 import './replace.mjs';
 import '@weapp-core/escape';
@@ -16,10 +16,10 @@ import './defu-ms_ZBCiB.mjs';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import './postcss-4kTT_aj1.mjs';
-import 'postcss-selector-parser';
+import './postcss-kpIT_QQe.mjs';
 import '@csstools/postcss-is-pseudo-class';
 import 'postcss-rem-to-responsive-pixel';
+import 'postcss-selector-parser';
 import 'node:path';
 import 'node:fs';
 import 'semver';

package/dist/{options-_u-7p8aC.js → options-M6TutRrF.js}

@@ -11,10 +11,8 @@ var traverse = require('@babel/traverse');
 var defaults = require('./defaults-QOAV8NSV.js');
 var t = require('@babel/types');
 var htmlparser2 = require('htmlparser2');
-var postcss$1 = require('postcss');
-var postcss = require('./postcss-sB1dQbYV.js');
-var postcssIsPseudoClass = require('@csstools/postcss-is-pseudo-class');
-var postcssRem2rpx = require('postcss-rem-to-responsive-pixel');
+var postcss = require('postcss');
+var postcss$1 = require('./postcss-XAQSRPqF.js');
 var path = require('node:path');
 var fs = require('node:fs');
 var semver = require('semver');
@@ -47,9 +45,7 @@ var MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 var generate__default = /*#__PURE__*/_interopDefaultCompat(generate);
 var traverse__default = /*#__PURE__*/_interopDefaultCompat(traverse);
 var t__namespace = /*#__PURE__*/_interopNamespaceCompat(t);
-var postcss__default = /*#__PURE__*/_interopDefaultCompat(postcss$1);
-var postcssIsPseudoClass__default = /*#__PURE__*/_interopDefaultCompat(postcssIsPseudoClass);
-var postcssRem2rpx__default = /*#__PURE__*/_interopDefaultCompat(postcssRem2rpx);
+var postcss__default = /*#__PURE__*/_interopDefaultCompat(postcss);
 var path__default = /*#__PURE__*/_interopDefaultCompat(path);
 var fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 var md5__default = /*#__PURE__*/_interopDefaultCompat(md5);
@@ -398,22 +394,7 @@ function createTemplateHandler(options = {}) {
 
 function styleHandler(rawSource, options) {
     return __awaiter(this, void 0, void 0, function* () {
-        const plugins = [
-            postcss.postcssWeappTailwindcss(options),
-            postcssIsPseudoClass__default["default"]({
-                specificityMatchingName: 'weapp-tw-ig'
-            })
-        ];
-        if (options.rem2rpx) {
-            plugins.push(postcssRem2rpx__default["default"](typeof options.rem2rpx === 'object'
-                ? options.rem2rpx
-                : {
-                    rootValue: 32,
-                    propList: ['*'],
-                    transformUnit: 'rpx'
-                }));
-        }
-        return (yield postcss__default["default"](plugins).process(rawSource).async()).css;
+        return (yield postcss__default["default"](postcss$1.getPlugins(options)).process(rawSource).async()).css;
     });
 }
 function createStyleHandler(options) {

package/dist/{options-vyKfCeIO.mjs → options-mJwenBmV.mjs}

@@ -10,9 +10,7 @@ import { d as defuOverrideArray, n as noop, a as defaultOptions, i as isMap } fr
 import * as t from '@babel/types';
 import { Parser } from 'htmlparser2';
 import postcss from 'postcss';
-import { p as postcssWeappTailwindcss } from './postcss-4kTT_aj1.mjs';
-import postcssIsPseudoClass from '@csstools/postcss-is-pseudo-class';
-import postcssRem2rpx from 'postcss-rem-to-responsive-pixel';
+import { g as getPlugins } from './postcss-kpIT_QQe.mjs';
 import path from 'node:path';
 import fs from 'node:fs';
 import { gte } from 'semver';
@@ -365,22 +363,7 @@ function createTemplateHandler(options = {}) {
 
 function styleHandler(rawSource, options) {
     return __awaiter(this, void 0, void 0, function* () {
-        const plugins = [
-            postcssWeappTailwindcss(options),
-            postcssIsPseudoClass({
-                specificityMatchingName: 'weapp-tw-ig'
-            })
-        ];
-        if (options.rem2rpx) {
-            plugins.push(postcssRem2rpx(typeof options.rem2rpx === 'object'
-                ? options.rem2rpx
-                : {
-                    rootValue: 32,
-                    propList: ['*'],
-                    transformUnit: 'rpx'
-                }));
-        }
-        return (yield postcss(plugins).process(rawSource).async()).css;
+        return (yield postcss(getPlugins(options)).process(rawSource).async()).css;
     });
 }
 function createStyleHandler(options) {

package/dist/postcss/mp.d.ts

@@ -3,6 +3,6 @@ import type { IStyleHandlerOptions } from "../types";
 export declare function testIfVariablesScope(node: Rule, count?: number): boolean;
 export declare function testIfTwBackdrop(node: Rule, count?: number): boolean;
 export declare function makePseudoVarRule(): Rule;
-export declare function remakeCssVarSelector(selectors: string[], cssPreflightRange: IStyleHandlerOptions['cssPreflightRange']): string[];
+export declare function remakeCssVarSelector(selectors: string[], options: IStyleHandlerOptions): string[];
 export declare function remakeCombinatorSelector(selector: string, cssChildCombinatorReplaceValue: IStyleHandlerOptions['cssChildCombinatorReplaceValue']): string;
 export declare function commonChunkPreflight(node: Rule, options: IStyleHandlerOptions): void;

package/dist/postcss/plugins/ctx.d.ts

@@ -0,0 +1,4 @@
+export declare function createContext(): {
+    variablesScopeWeakMap: WeakMap<object, any>;
+};
+export type IContext = ReturnType<typeof createContext>;

package/dist/postcss/plugins/index.d.ts

@@ -0,0 +1,7 @@
+import { AcceptedPlugin } from 'postcss';
+import { IStyleHandlerOptions } from "../../types";
+export declare function getPlugins(options: IStyleHandlerOptions): AcceptedPlugin[];
+export { postcssWeappTailwindcssPostPlugin } from './post';
+export { postcssWeappTailwindcssPrePlugin } from './pre';
+export { default as postcssIsPseudoClass } from '@csstools/postcss-is-pseudo-class';
+export { default as postcssRem2rpx } from 'postcss-rem-to-responsive-pixel';

package/dist/postcss/plugins/post.d.ts

@@ -0,0 +1,5 @@
+import type { PluginCreator } from 'postcss';
+import type { IStyleHandlerOptions } from "../../types";
+export type PostcssWeappTailwindcssRenamePlugin = PluginCreator<IStyleHandlerOptions>;
+declare const postcssWeappTailwindcssPostPlugin: PostcssWeappTailwindcssRenamePlugin;
+export { postcssWeappTailwindcssPostPlugin };

package/dist/postcss/plugins/pre.d.ts

@@ -0,0 +1,5 @@
+import type { PluginCreator } from 'postcss';
+import type { IStyleHandlerOptions } from "../../types";
+export type PostcssWeappTailwindcssRenamePlugin = PluginCreator<IStyleHandlerOptions>;
+declare const postcssWeappTailwindcssPrePlugin: PostcssWeappTailwindcssRenamePlugin;
+export { postcssWeappTailwindcssPrePlugin };

package/dist/postcss/symbols.d.ts

@@ -0,0 +1 @@
+export declare const VariablesScopeSymbol: unique symbol;

package/dist/{postcss-sB1dQbYV.js → postcss-XAQSRPqF.js}

@@ -1,13 +1,15 @@
 'use strict';
 
+var postcssIsPseudoClass = require('@csstools/postcss-is-pseudo-class');
+var postcssRem2rpx = require('postcss-rem-to-responsive-pixel');
 var selectorParser = require('postcss-selector-parser');
 var shared = require('./shared-AxeHlAoJ.js');
 var postcss = require('postcss');
-require('@csstools/postcss-is-pseudo-class');
-require('postcss-rem-to-responsive-pixel');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var postcssIsPseudoClass__default = /*#__PURE__*/_interopDefaultCompat(postcssIsPseudoClass);
+var postcssRem2rpx__default = /*#__PURE__*/_interopDefaultCompat(postcssRem2rpx);
 var selectorParser__default = /*#__PURE__*/_interopDefaultCompat(selectorParser);
 
 const createTransform = (rule, options) => {
@@ -239,6 +241,8 @@ var cssVars = [
     }
 ];
 
+const VariablesScopeSymbol = Symbol('VariablesScope');
+
 const initialNodes = cssVars.map((x) => {
     return new postcss.Declaration({
         prop: x.prop,
@@ -289,13 +293,24 @@ function makePseudoVarRule() {
     }));
     return pseudoVarRule;
 }
-function remakeCssVarSelector(selectors, cssPreflightRange) {
+function remakeCssVarSelector(selectors, options) {
+    const { cssPreflightRange, cssSelectorReplacement } = options;
     if (cssPreflightRange === 'all' &&
         !selectors.includes(':not(not)')) {
         selectors.push(':not(not)');
     }
-    if (!selectors.includes('*')) {
-        selectors.unshift('*');
+    if (cssSelectorReplacement) {
+        if (Array.isArray(cssSelectorReplacement.universal)) {
+            if (!cssSelectorReplacement.universal.every((x) => {
+                return selectors.includes(x);
+            }) &&
+                !selectors.includes('*')) {
+                selectors.unshift('*');
+            }
+        }
+        else if (typeof cssSelectorReplacement.universal === 'string' && !selectors.includes(cssSelectorReplacement.universal) && !selectors.includes('*')) {
+            selectors.unshift('*');
+        }
     }
     return selectors;
 }
@@ -311,24 +326,26 @@ function remakeCombinatorSelector(selector, cssChildCombinatorReplaceValue) {
     return selector.replaceAll(BROAD_MATCH_GLOBAL_REGEXP, childCombinatorReplaceValue);
 }
 function commonChunkPreflight(node, options) {
-    node.selector = remakeCombinatorSelector(node.selector, options.cssChildCombinatorReplaceValue);
+    const { ctx, cssChildCombinatorReplaceValue, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+    node.selector = remakeCombinatorSelector(node.selector, cssChildCombinatorReplaceValue);
     if (testIfVariablesScope(node)) {
-        node.selectors = remakeCssVarSelector(node.selectors, options.cssPreflightRange);
+        ctx === null || ctx === void 0 ? void 0 : ctx.variablesScopeWeakMap.set(node, VariablesScopeSymbol);
+        node.selectors = remakeCssVarSelector(node.selectors, options);
         node.before(makePseudoVarRule());
-        if (typeof options.cssInjectPreflight === 'function') {
-            node.append(...options.cssInjectPreflight());
+        if (typeof cssInjectPreflight === 'function') {
+            node.append(...cssInjectPreflight());
         }
     }
-    if (options.injectAdditionalCssVarScope && testIfTwBackdrop(node)) {
+    if (injectAdditionalCssVarScope && testIfTwBackdrop(node)) {
         const syntheticRule = new postcss.Rule({
             selectors: ['*', '::after', '::before'],
             nodes: initialNodes
         });
-        syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options.cssPreflightRange);
+        syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
         node.before(syntheticRule);
         node.before(makePseudoVarRule());
-        if (typeof options.cssInjectPreflight === 'function') {
-            syntheticRule.append(...options.cssInjectPreflight());
+        if (typeof cssInjectPreflight === 'function') {
+            syntheticRule.append(...cssInjectPreflight());
         }
     }
 }
@@ -340,22 +357,14 @@ const vitePluginName = 'vite-plugin-uni-app-weapp-tailwindcss-adaptor';
 function isAtMediaHover(atRule) {
     return /media\(\s*hover\s*:\s*hover\s*\)/.test(atRule.name) || (atRule.name === 'media' && /\(\s*hover\s*:\s*hover\s*\)/.test(atRule.params));
 }
-const postcssWeappTailwindcss = (options = {
+const postcssWeappTailwindcssPrePlugin = (options = {
     isMainChunk: true
 }) => {
-    const { customRuleCallback, isMainChunk } = options;
-    const isCustomRuleCallbackFn = typeof customRuleCallback === 'function';
-    return {
+    const { isMainChunk } = options;
+    const p = {
         postcssPlugin,
-        Once(css) {
-            isMainChunk &&
-                css.walkRules((rule) => {
-                    commonChunkPreflight(rule, options);
-                });
-        },
         Rule(rule) {
             transformSync(rule, options);
-            isCustomRuleCallbackFn && customRuleCallback(rule, options);
         },
         AtRule(atRule) {
             if (isAtMediaHover(atRule)) {
@@ -364,9 +373,94 @@ const postcssWeappTailwindcss = (options = {
             }
         }
     };
+    if (isMainChunk) {
+        p.Once = (root) => {
+            root.walkRules((rule) => {
+                commonChunkPreflight(rule, options);
+            });
+        };
+    }
+    return p;
+};
+postcssWeappTailwindcssPrePlugin.postcss = true;
+
+const fallback = selectorParser__default["default"]((selectors) => {
+    selectors.walk((selector) => {
+        var _a, _b;
+        if (selector.type === 'universal') {
+            (_a = selector.parent) === null || _a === void 0 ? void 0 : _a.remove();
+        }
+        if (selector.type === 'pseudo' && selector.value === ':is') {
+            (_b = selector.parent) === null || _b === void 0 ? void 0 : _b.remove();
+        }
+    });
+});
+const postcssWeappTailwindcssPostPlugin = (options = {
+    isMainChunk: true
+}) => {
+    const { customRuleCallback, isMainChunk, ctx } = options;
+    const p = {
+        postcssPlugin
+    };
+    if (isMainChunk) {
+        p.OnceExit = (root) => {
+            root.walkRules((rule) => {
+                if (ctx) {
+                    if (ctx.variablesScopeWeakMap.get(rule) === VariablesScopeSymbol) {
+                        fallback.transformSync(rule, {
+                            updateSelector: true,
+                            lossless: false
+                        });
+                    }
+                }
+                else if (testIfVariablesScope(rule)) {
+                    fallback.transformSync(rule, {
+                        updateSelector: true,
+                        lossless: false
+                    });
+                }
+            });
+        };
+    }
+    if (typeof customRuleCallback === 'function') {
+        p.Rule = (rule) => {
+            customRuleCallback(rule, options);
+        };
+    }
+    return p;
 };
-postcssWeappTailwindcss.postcss = true;
+postcssWeappTailwindcssPostPlugin.postcss = true;
+
+function createContext() {
+    return {
+        variablesScopeWeakMap: new WeakMap()
+    };
+}
+
+function getPlugins(options) {
+    const ctx = createContext();
+    options.ctx = ctx;
+    const plugins = [
+        postcssWeappTailwindcssPrePlugin(options),
+        postcssIsPseudoClass__default["default"]({
+            specificityMatchingName: 'weapp-tw-ig'
+        })
+    ];
+    if (options.rem2rpx) {
+        plugins.push(postcssRem2rpx__default["default"](typeof options.rem2rpx === 'object'
+            ? options.rem2rpx
+            : {
+                rootValue: 32,
+                propList: ['*'],
+                transformUnit: 'rpx'
+            }));
+    }
+    plugins.push(postcssWeappTailwindcssPostPlugin(options));
+    return plugins;
+}
 
+exports.getPlugins = getPlugins;
 exports.pluginName = pluginName;
-exports.postcssWeappTailwindcss = postcssWeappTailwindcss;
+exports.postcssWeappTailwindcssPostPlugin = postcssWeappTailwindcssPostPlugin;
+exports.postcssWeappTailwindcssPrePlugin = postcssWeappTailwindcssPrePlugin;
 exports.vitePluginName = vitePluginName;

package/dist/{postcss-4kTT_aj1.mjs → postcss-kpIT_QQe.mjs}

@@ -1,8 +1,8 @@
+import postcssIsPseudoClass from '@csstools/postcss-is-pseudo-class';
+import postcssRem2rpx from 'postcss-rem-to-responsive-pixel';
 import selectorParser from 'postcss-selector-parser';
 import { c as composeIsPseudo, i as internalCssSelectorReplacer } from './shared-0D5OOeXo.mjs';
 import { Declaration, Rule } from 'postcss';
-import '@csstools/postcss-is-pseudo-class';
-import 'postcss-rem-to-responsive-pixel';
 
 const createTransform = (rule, options) => {
     const { escapeMap, mangleContext, cssSelectorReplacement } = options;
@@ -233,6 +233,8 @@ var cssVars = [
     }
 ];
 
+const VariablesScopeSymbol = Symbol('VariablesScope');
+
 const initialNodes = cssVars.map((x) => {
     return new Declaration({
         prop: x.prop,
@@ -283,13 +285,24 @@ function makePseudoVarRule() {
     }));
     return pseudoVarRule;
 }
-function remakeCssVarSelector(selectors, cssPreflightRange) {
+function remakeCssVarSelector(selectors, options) {
+    const { cssPreflightRange, cssSelectorReplacement } = options;
     if (cssPreflightRange === 'all' &&
         !selectors.includes(':not(not)')) {
         selectors.push(':not(not)');
     }
-    if (!selectors.includes('*')) {
-        selectors.unshift('*');
+    if (cssSelectorReplacement) {
+        if (Array.isArray(cssSelectorReplacement.universal)) {
+            if (!cssSelectorReplacement.universal.every((x) => {
+                return selectors.includes(x);
+            }) &&
+                !selectors.includes('*')) {
+                selectors.unshift('*');
+            }
+        }
+        else if (typeof cssSelectorReplacement.universal === 'string' && !selectors.includes(cssSelectorReplacement.universal) && !selectors.includes('*')) {
+            selectors.unshift('*');
+        }
     }
     return selectors;
 }
@@ -305,24 +318,26 @@ function remakeCombinatorSelector(selector, cssChildCombinatorReplaceValue) {
     return selector.replaceAll(BROAD_MATCH_GLOBAL_REGEXP, childCombinatorReplaceValue);
 }
 function commonChunkPreflight(node, options) {
-    node.selector = remakeCombinatorSelector(node.selector, options.cssChildCombinatorReplaceValue);
+    const { ctx, cssChildCombinatorReplaceValue, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+    node.selector = remakeCombinatorSelector(node.selector, cssChildCombinatorReplaceValue);
     if (testIfVariablesScope(node)) {
-        node.selectors = remakeCssVarSelector(node.selectors, options.cssPreflightRange);
+        ctx === null || ctx === void 0 ? void 0 : ctx.variablesScopeWeakMap.set(node, VariablesScopeSymbol);
+        node.selectors = remakeCssVarSelector(node.selectors, options);
         node.before(makePseudoVarRule());
-        if (typeof options.cssInjectPreflight === 'function') {
-            node.append(...options.cssInjectPreflight());
+        if (typeof cssInjectPreflight === 'function') {
+            node.append(...cssInjectPreflight());
         }
     }
-    if (options.injectAdditionalCssVarScope && testIfTwBackdrop(node)) {
+    if (injectAdditionalCssVarScope && testIfTwBackdrop(node)) {
         const syntheticRule = new Rule({
             selectors: ['*', '::after', '::before'],
             nodes: initialNodes
         });
-        syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options.cssPreflightRange);
+        syntheticRule.selectors = remakeCssVarSelector(syntheticRule.selectors, options);
         node.before(syntheticRule);
         node.before(makePseudoVarRule());
-        if (typeof options.cssInjectPreflight === 'function') {
-            syntheticRule.append(...options.cssInjectPreflight());
+        if (typeof cssInjectPreflight === 'function') {
+            syntheticRule.append(...cssInjectPreflight());
         }
     }
 }
@@ -334,22 +349,14 @@ const vitePluginName = 'vite-plugin-uni-app-weapp-tailwindcss-adaptor';
 function isAtMediaHover(atRule) {
     return /media\(\s*hover\s*:\s*hover\s*\)/.test(atRule.name) || (atRule.name === 'media' && /\(\s*hover\s*:\s*hover\s*\)/.test(atRule.params));
 }
-const postcssWeappTailwindcss = (options = {
+const postcssWeappTailwindcssPrePlugin = (options = {
     isMainChunk: true
 }) => {
-    const { customRuleCallback, isMainChunk } = options;
-    const isCustomRuleCallbackFn = typeof customRuleCallback === 'function';
-    return {
+    const { isMainChunk } = options;
+    const p = {
         postcssPlugin,
-        Once(css) {
-            isMainChunk &&
-                css.walkRules((rule) => {
-                    commonChunkPreflight(rule, options);
-                });
-        },
         Rule(rule) {
             transformSync(rule, options);
-            isCustomRuleCallbackFn && customRuleCallback(rule, options);
         },
         AtRule(atRule) {
             if (isAtMediaHover(atRule)) {
@@ -358,7 +365,90 @@ const postcssWeappTailwindcss = (options = {
             }
         }
     };
+    if (isMainChunk) {
+        p.Once = (root) => {
+            root.walkRules((rule) => {
+                commonChunkPreflight(rule, options);
+            });
+        };
+    }
+    return p;
+};
+postcssWeappTailwindcssPrePlugin.postcss = true;
+
+const fallback = selectorParser((selectors) => {
+    selectors.walk((selector) => {
+        var _a, _b;
+        if (selector.type === 'universal') {
+            (_a = selector.parent) === null || _a === void 0 ? void 0 : _a.remove();
+        }
+        if (selector.type === 'pseudo' && selector.value === ':is') {
+            (_b = selector.parent) === null || _b === void 0 ? void 0 : _b.remove();
+        }
+    });
+});
+const postcssWeappTailwindcssPostPlugin = (options = {
+    isMainChunk: true
+}) => {
+    const { customRuleCallback, isMainChunk, ctx } = options;
+    const p = {
+        postcssPlugin
+    };
+    if (isMainChunk) {
+        p.OnceExit = (root) => {
+            root.walkRules((rule) => {
+                if (ctx) {
+                    if (ctx.variablesScopeWeakMap.get(rule) === VariablesScopeSymbol) {
+                        fallback.transformSync(rule, {
+                            updateSelector: true,
+                            lossless: false
+                        });
+                    }
+                }
+                else if (testIfVariablesScope(rule)) {
+                    fallback.transformSync(rule, {
+                        updateSelector: true,
+                        lossless: false
+                    });
+                }
+            });
+        };
+    }
+    if (typeof customRuleCallback === 'function') {
+        p.Rule = (rule) => {
+            customRuleCallback(rule, options);
+        };
+    }
+    return p;
 };
-postcssWeappTailwindcss.postcss = true;
+postcssWeappTailwindcssPostPlugin.postcss = true;
+
+function createContext() {
+    return {
+        variablesScopeWeakMap: new WeakMap()
+    };
+}
+
+function getPlugins(options) {
+    const ctx = createContext();
+    options.ctx = ctx;
+    const plugins = [
+        postcssWeappTailwindcssPrePlugin(options),
+        postcssIsPseudoClass({
+            specificityMatchingName: 'weapp-tw-ig'
+        })
+    ];
+    if (options.rem2rpx) {
+        plugins.push(postcssRem2rpx(typeof options.rem2rpx === 'object'
+            ? options.rem2rpx
+            : {
+                rootValue: 32,
+                propList: ['*'],
+                transformUnit: 'rpx'
+            }));
+    }
+    plugins.push(postcssWeappTailwindcssPostPlugin(options));
+    return plugins;
+}
 
-export { pluginName as a, postcssWeappTailwindcss as p, vitePluginName as v };
+export { postcssWeappTailwindcssPostPlugin as a, postcssWeappTailwindcssPrePlugin as b, getPlugins as g, pluginName as p, vitePluginName as v };

package/dist/postcss.d.ts

@@ -1 +1 @@
-export * from './postcss/plugin';
+export * from './postcss/plugins';

package/dist/postcss.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var postcss = require('./postcss-sB1dQbYV.js');
+var postcss = require('./postcss-XAQSRPqF.js');
 var postcssIsPseudoClass = require('@csstools/postcss-is-pseudo-class');
 var postcssRem2rpx = require('postcss-rem-to-responsive-pixel');
 require('postcss-selector-parser');
@@ -18,7 +18,9 @@ var postcssRem2rpx__default = /*#__PURE__*/_interopDefaultCompat(postcssRem2rpx)
 
 
 
-exports.postcssWeappTailwindcss = postcss.postcssWeappTailwindcss;
+exports.getPlugins = postcss.getPlugins;
+exports.postcssWeappTailwindcssPostPlugin = postcss.postcssWeappTailwindcssPostPlugin;
+exports.postcssWeappTailwindcssPrePlugin = postcss.postcssWeappTailwindcssPrePlugin;
 Object.defineProperty(exports, 'postcssIsPseudoClass', {
 	enumerable: true,
 	get: function () { return postcssIsPseudoClass__default["default"]; }

package/dist/postcss.mjs

@@ -1,4 +1,4 @@
-export { p as postcssWeappTailwindcss } from './postcss-4kTT_aj1.mjs';
+export { g as getPlugins, a as postcssWeappTailwindcssPostPlugin, b as postcssWeappTailwindcssPrePlugin } from './postcss-kpIT_QQe.mjs';
 export { default as postcssIsPseudoClass } from '@csstools/postcss-is-pseudo-class';
 export { default as postcssRem2rpx } from 'postcss-rem-to-responsive-pixel';
 import 'postcss-selector-parser';

package/dist/types.d.ts

@@ -4,6 +4,7 @@ import type { SourceMap } from 'magic-string';
 import type { GeneratorResult } from '@babel/generator';
 import type { UserDefinedOptions as rem2rpxOptions } from 'postcss-rem-to-responsive-pixel';
 import type { InjectPreflight } from './postcss/preflight';
+import type { IContext as PostcssContext } from './postcss/plugins/ctx';
 import type { ICreateCacheReturnType } from "./cache";
 export type ItemOrItemArray<T> = T | T[];
 export type AppType = 'uni-app' | 'uni-app-vite' | 'taro' | 'remax' | 'rax' | 'native' | 'kbone' | 'mpx';
@@ -28,6 +29,7 @@ export interface InternalCssSelectorReplacerOptions {
 export type IStyleHandlerOptions = {
     customRuleCallback?: CustomRuleCallback;
     mangleContext?: IMangleScopeContext;
+    ctx?: PostcssContext;
 } & RequiredStyleHandlerOptions;
 export type JsHandlerReplaceResult = {
     code: string;

package/dist/vite.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-_u-7p8aC.js');
-var postcss = require('./postcss-sB1dQbYV.js');
+var options = require('./options-M6TutRrF.js');
+var postcss = require('./postcss-XAQSRPqF.js');
 var defaults = require('./defaults-QOAV8NSV.js');
 var index = require('./index-z25r_Htj.js');
 require('magic-string');
@@ -18,8 +18,6 @@ require('@babel/traverse');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('@csstools/postcss-is-pseudo-class');
-require('postcss-rem-to-responsive-pixel');
 require('node:path');
 require('node:fs');
 require('semver');
@@ -27,6 +25,8 @@ require('tailwindcss-patch');
 require('@tailwindcss-mangle/shared');
 require('lru-cache');
 require('md5');
+require('@csstools/postcss-is-pseudo-class');
+require('postcss-rem-to-responsive-pixel');
 require('postcss-selector-parser');
 require('./defu-KWuJnZLV.js');
 require('debug');

package/dist/vite.mjs

@@ -1,5 +1,5 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-vyKfCeIO.mjs';
-import { v as vitePluginName } from './postcss-4kTT_aj1.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-mJwenBmV.mjs';
+import { v as vitePluginName } from './postcss-kpIT_QQe.mjs';
 import { g as getGroupedEntries } from './defaults-TZpmwtzd.mjs';
 import { c as createDebug } from './index-06BoOZig.mjs';
 import 'magic-string';
@@ -14,8 +14,6 @@ import '@babel/traverse';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import '@csstools/postcss-is-pseudo-class';
-import 'postcss-rem-to-responsive-pixel';
 import 'node:path';
 import 'node:fs';
 import 'semver';
@@ -23,6 +21,8 @@ import 'tailwindcss-patch';
 import '@tailwindcss-mangle/shared';
 import 'lru-cache';
 import 'md5';
+import '@csstools/postcss-is-pseudo-class';
+import 'postcss-rem-to-responsive-pixel';
 import 'postcss-selector-parser';
 import './defu-ms_ZBCiB.mjs';
 import 'debug';

package/dist/webpack.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var options = require('./options-_u-7p8aC.js');
+var options = require('./options-M6TutRrF.js');
 var path = require('node:path');
 var fs = require('node:fs');
-var postcss = require('./postcss-sB1dQbYV.js');
+var postcss = require('./postcss-XAQSRPqF.js');
 var defaults = require('./defaults-QOAV8NSV.js');
 var index = require('./index-z25r_Htj.js');
 require('magic-string');
@@ -20,13 +20,13 @@ require('@babel/traverse');
 require('@babel/types');
 require('htmlparser2');
 require('postcss');
-require('@csstools/postcss-is-pseudo-class');
-require('postcss-rem-to-responsive-pixel');
 require('semver');
 require('tailwindcss-patch');
 require('@tailwindcss-mangle/shared');
 require('lru-cache');
 require('md5');
+require('@csstools/postcss-is-pseudo-class');
+require('postcss-rem-to-responsive-pixel');
 require('postcss-selector-parser');
 require('./defu-KWuJnZLV.js');
 require('debug');

package/dist/webpack.mjs

@@ -1,7 +1,7 @@
-import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-vyKfCeIO.mjs';
+import { g as getOptions, a as createTailwindcssPatcher, _ as __awaiter } from './options-mJwenBmV.mjs';
 import path from 'node:path';
 import fs from 'node:fs';
-import { a as pluginName } from './postcss-4kTT_aj1.mjs';
+import { p as pluginName } from './postcss-kpIT_QQe.mjs';
 import { g as getGroupedEntries, r as removeExt } from './defaults-TZpmwtzd.mjs';
 import { c as createDebug } from './index-06BoOZig.mjs';
 import 'magic-string';
@@ -16,13 +16,13 @@ import '@babel/traverse';
 import '@babel/types';
 import 'htmlparser2';
 import 'postcss';
-import '@csstools/postcss-is-pseudo-class';
-import 'postcss-rem-to-responsive-pixel';
 import 'semver';
 import 'tailwindcss-patch';
 import '@tailwindcss-mangle/shared';
 import 'lru-cache';
 import 'md5';
+import '@csstools/postcss-is-pseudo-class';
+import 'postcss-rem-to-responsive-pixel';
 import 'postcss-selector-parser';
 import './defu-ms_ZBCiB.mjs';
 import 'debug';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "把tailwindcss jit引擎，带给小程序开发者们! bring tailwindcss jit engine to miniprogram developers!",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/postcss/plugin.d.ts

@@ -1,7 +0,0 @@
-import type { PluginCreator } from 'postcss';
-import type { IStyleHandlerOptions } from "../types";
-export type PostcssWeappTailwindcssRenamePlugin = PluginCreator<IStyleHandlerOptions>;
-declare const postcssWeappTailwindcss: PostcssWeappTailwindcssRenamePlugin;
-export { postcssWeappTailwindcss };
-export { default as postcssIsPseudoClass } from '@csstools/postcss-is-pseudo-class';
-export { default as postcssRem2rpx } from 'postcss-rem-to-responsive-pixel';