weapp-tailwindcss 4.1.1 → 4.1.2

package/README.md

@@ -25,7 +25,7 @@
 >
 > 小程序原生工具链 `weapp-vite` 已经发布，使用它改善你的原生小程序开发体验吧，更多详见 [官方文档](https://vite.icebreaker.top/)
 
-\[[文档地址](https://tw.icebreaker.top)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
+\[[文档地址](https://tw.icebreaker.top)\] \| \[[备用文档地址](https://ice-tw.netlify.app/)\] \| \[[加入技术交流群](https://tw.icebreaker.top/docs/community/group)\]
 
 - [特性](#特性)
 - [版本对应](#版本对应)
@@ -56,7 +56,10 @@
 
 ## 版本对应
 
-目前，`weapp-tailwindcss` 的 `2.x` 和 `3.x` 支持最新版本的 `tailwindcss v3.x.x` 版本和 `webpack5`，`webpack4`, `vite` 和 `gulp`。从 `3.2.0` 开始，`weapp-tailwindcss` 支持最原生的小程序开发方式。
+目前，`weapp-tailwindcss` 的 `4.x` 版本
+
+- 支持最新版本的 `tailwindcss v4` 和 `v3` 还有 `v2 jit` 版本。
+- 支持 `webpack5`，`webpack4`, `vite` 和 `gulp` 这些打包工具，也支持纯 `Nodejs` API 的方式，集成到你自己的构建工具中。
 
 > 如果你还在使用 `tailwindcss@2` 版本，那你应该使用从 `weapp-tailwindcss/webpack4` 导出的本插件的 `postcss7` `webpack4` 版本。另外请确保你的 `nodejs` 版本 `>=16.6.0`。目前低于 `16` 的长期维护版本(`偶数版本`) 都已经结束了生命周期，建议安装 `nodejs` 的 `LTS` 版本，详见 [nodejs/release](https://github.com/nodejs/release)
 

package/dist/{chunk-PINTX6CR.mjs → chunk-3HI6LEK4.mjs}

@@ -6,14 +6,14 @@ import {
 } from "./chunk-CMUA5KCO.mjs";
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 import {
   getGroupedEntries,
   removeExt
 } from "./chunk-JXBLHLFR.mjs";
 import {
   __dirname
-} from "./chunk-4BKXIUVT.mjs";
+} from "./chunk-IM4NUFIU.mjs";
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v5.ts
 import fs from "node:fs";

package/dist/{chunk-RTOPSNT3.mjs → chunk-3LFHAVFB.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-3AUX4FGE.mjs";
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 
 // src/bundlers/gulp/index.ts
 import { Buffer } from "node:buffer";

package/dist/{chunk-VPNTCMEX.js → chunk-4FBD5VOV.js}

@@ -6,7 +6,7 @@ var _chunkLSSLYD6Bjs = require('./chunk-LSSLYD6B.js');
 var _chunkOGROHM4Ljs = require('./chunk-OGROHM4L.js');
 
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 
 
 var _chunkO335YLYHjs = require('./chunk-O335YLYH.js');
@@ -14,7 +14,7 @@ var _chunkO335YLYHjs = require('./chunk-O335YLYH.js');
 // src/bundlers/vite/index.ts
 var debug = _chunkLSSLYD6Bjs.createDebug.call(void 0, );
 function UnifiedViteWeappTailwindcssPlugin(options = {}) {
-  const opts = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, options);
+  const opts = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, options);
   const {
     disabled,
     onEnd,

package/dist/{chunk-F3KR5VQ3.js → chunk-A7T5CY7M.js}

@@ -3,7 +3,7 @@
 var _chunkPLMJW644js = require('./chunk-PLMJW644.js');
 
 
-var _chunkSTBG5AZDjs = require('./chunk-STBG5AZD.js');
+var _chunkIS2CB3USjs = require('./chunk-IS2CB3US.js');
 
 
 
@@ -11,7 +11,7 @@ var _chunkSTBG5AZDjs = require('./chunk-STBG5AZD.js');
 var _chunkO335YLYHjs = require('./chunk-O335YLYH.js');
 
 
-var _chunkMY2HTM7Pjs = require('./chunk-MY2HTM7P.js');
+var _chunkL5OJYGRBjs = require('./chunk-L5OJYGRB.js');
 
 // src/cache/index.ts
 var _lrucache = require('lru-cache');
@@ -675,7 +675,7 @@ function createTailwindcssPatcher(options) {
         tailwindcss,
         resolve: {
           paths: [
-            _chunkMY2HTM7Pjs.importMetaUrl
+            _chunkL5OJYGRBjs.importMetaUrl
           ]
         }
       }
@@ -994,7 +994,7 @@ var _postcss = require('@weapp-tailwindcss/postcss');
 function getCompilerContext(opts) {
   const ctx = _chunkO335YLYHjs.defuOverrideArray.call(void 0, 
     opts,
-    _chunkSTBG5AZDjs.getDefaultOptions.call(void 0, ),
+    _chunkIS2CB3USjs.getDefaultOptions.call(void 0, ),
     {}
   );
   ctx.escapeMap = ctx.customReplaceDictionary;
@@ -1015,6 +1015,7 @@ function getCompilerContext(opts) {
     cache,
     babelParserOptions,
     postcssOptions,
+    cssRemoveProperty,
     cssRemoveHoverPseudoClass,
     escapeMap,
     mangle,
@@ -1040,6 +1041,7 @@ function getCompilerContext(opts) {
     cssSelectorReplacement,
     rem2rpx,
     postcssOptions,
+    cssRemoveProperty,
     cssRemoveHoverPseudoClass,
     cssPresetEnv
   });

package/dist/{chunk-YVWK3H7E.mjs → chunk-DNHAKEMA.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-CMUA5KCO.mjs";
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 import {
   getGroupedEntries
 } from "./chunk-JXBLHLFR.mjs";

package/dist/{chunk-4BKXIUVT.mjs → chunk-IM4NUFIU.mjs}

@@ -1,4 +1,4 @@
-// ../../node_modules/.pnpm/tsup@8.4.0_jiti@2.4.2_postcss@8.5.3_tsx@4.19.3_typescript@5.8.2_yaml@2.7.0/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.4.0_jiti@2.4.2_postcss@8.5.3_tsx@4.19.3_typescript@5.8.2_yaml@2.7.1/node_modules/tsup/assets/esm_shims.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename = () => fileURLToPath(import.meta.url);

package/dist/{chunk-STBG5AZD.js → chunk-IS2CB3US.js}

@@ -107,6 +107,7 @@ function getDefaultOptions() {
       cache: true
     },
     postcssOptions: {},
+    cssRemoveProperty: true,
     cssRemoveHoverPseudoClass: true,
     ignoreCallExpressionIdentifiers: _localpkg.isPackageExists.call(void 0, "@weapp-tailwindcss/merge") ? ["twMerge", "twJoin", "cva"] : [],
     ignoreTaggedTemplateExpressionIdentifiers: ["weappTwIgnore"],

package/dist/{chunk-MY2HTM7P.js → chunk-L5OJYGRB.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// ../../node_modules/.pnpm/tsup@8.4.0_jiti@2.4.2_postcss@8.5.3_tsx@4.19.3_typescript@5.8.2_yaml@2.7.0/node_modules/tsup/assets/cjs_shims.js
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// ../../node_modules/.pnpm/tsup@8.4.0_jiti@2.4.2_postcss@8.5.3_tsx@4.19.3_typescript@5.8.2_yaml@2.7.1/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 

package/dist/{chunk-AWENTCC4.js → chunk-NPUMBW4M.js}

@@ -6,7 +6,7 @@ var _chunkLSSLYD6Bjs = require('./chunk-LSSLYD6B.js');
 var _chunkOGROHM4Ljs = require('./chunk-OGROHM4L.js');
 
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 
 
 
@@ -18,7 +18,7 @@ var _path = require('path'); var _path2 = _interopRequireDefault(_path);
 var debug = _chunkLSSLYD6Bjs.createDebug.call(void 0, );
 var UnifiedWebpackPluginV5 = class {
   constructor(options = {}) {
-    this.options = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, options);
+    this.options = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, options);
     this.appType = this.options.appType;
   }
   apply(compiler) {

package/dist/{chunk-WS4AAHOX.mjs → chunk-WKGE3KUO.mjs}

@@ -107,6 +107,7 @@ function getDefaultOptions() {
       cache: true
     },
     postcssOptions: {},
+    cssRemoveProperty: true,
     cssRemoveHoverPseudoClass: true,
     ignoreCallExpressionIdentifiers: isPackageExists("@weapp-tailwindcss/merge") ? ["twMerge", "twJoin", "cva"] : [],
     ignoreTaggedTemplateExpressionIdentifiers: ["weappTwIgnore"],

package/dist/{chunk-ZCBQG5QZ.mjs → chunk-XRPBGBW5.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-Q67IXIAH.mjs";
 import {
   getDefaultOptions
-} from "./chunk-WS4AAHOX.mjs";
+} from "./chunk-WKGE3KUO.mjs";
 import {
   defuOverrideArray,
   isMap,
@@ -1012,6 +1012,7 @@ function getCompilerContext(opts) {
     cache,
     babelParserOptions,
     postcssOptions,
+    cssRemoveProperty,
     cssRemoveHoverPseudoClass,
     escapeMap,
     mangle,
@@ -1037,6 +1038,7 @@ function getCompilerContext(opts) {
     cssSelectorReplacement,
     rem2rpx,
     postcssOptions,
+    cssRemoveProperty,
     cssRemoveHoverPseudoClass,
     cssPresetEnv
   });

package/dist/{chunk-XASQP3AL.js → chunk-XUEGXQ26.js}

@@ -3,7 +3,7 @@
 var _chunkLSSLYD6Bjs = require('./chunk-LSSLYD6B.js');
 
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 
 // src/bundlers/gulp/index.ts
 var _buffer = require('buffer');
@@ -11,7 +11,7 @@ var _stream = require('stream'); var _stream2 = _interopRequireDefault(_stream);
 var debug = _chunkLSSLYD6Bjs.createDebug.call(void 0, );
 var Transform = _stream2.default.Transform;
 function createPlugins(options = {}) {
-  const opts = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, options);
+  const opts = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, options);
   const { templateHandler, styleHandler, jsHandler, setMangleRuntimeSet, cache, twPatcher } = opts;
   let runtimeSet = /* @__PURE__ */ new Set();
   twPatcher.patch();

package/dist/cli.js

@@ -3,11 +3,11 @@
 var _chunkOGROHM4Ljs = require('./chunk-OGROHM4L.js');
 
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 // src/cli.ts
 var _process = require('process'); var _process2 = _interopRequireDefault(_process);
@@ -27,7 +27,7 @@ if (_semver2.default.lt(_process2.default.versions.node, _chunkOGROHM4Ljs.WEAPP_
 }
 var command = args[0];
 if (command === "patch") {
-  const ctx = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, );
+  const ctx = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, );
   ctx.twPatcher.patch();
 } else if (command === "init") {
   _init.init.call(void 0, );

package/dist/cli.mjs

@@ -3,11 +3,11 @@ import {
 } from "./chunk-CMUA5KCO.mjs";
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 
 // src/cli.ts
 import process from "node:process";

package/dist/core.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 // src/core.ts
 var _shared = require('@weapp-tailwindcss/shared');
 function createContext(options = {}) {
-  const opts = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, options);
+  const opts = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, options);
   const { templateHandler, styleHandler, jsHandler, twPatcher } = opts;
   let runtimeSet = /* @__PURE__ */ new Set();
   twPatcher.patch();

package/dist/core.mjs

@@ -1,10 +1,10 @@
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 
 // src/core.ts
 import { defuOverrideArray } from "@weapp-tailwindcss/shared";

package/dist/css-macro/postcss.js

@@ -3,7 +3,7 @@
 
 
 var _chunkNS3NEDWDjs = require('../chunk-NS3NEDWD.js');
-require('../chunk-MY2HTM7P.js');
+require('../chunk-L5OJYGRB.js');
 
 // src/css-macro/postcss.ts
 var creator = () => {

package/dist/css-macro/postcss.mjs

@@ -3,7 +3,7 @@ import {
   ifndef,
   matchCustomPropertyFromValue
 } from "../chunk-RGXLY3HG.mjs";
-import "../chunk-4BKXIUVT.mjs";
+import "../chunk-IM4NUFIU.mjs";
 
 // src/css-macro/postcss.ts
 var creator = () => {

package/dist/css-macro.js

@@ -5,7 +5,7 @@ var _chunkNS3NEDWDjs = require('./chunk-NS3NEDWD.js');
 
 
 var _chunkO335YLYHjs = require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 // src/css-macro/index.ts
 var _plugin = require('tailwindcss/plugin'); var _plugin2 = _interopRequireDefault(_plugin);

package/dist/css-macro.mjs

@@ -5,7 +5,7 @@ import {
 import {
   defu
 } from "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 
 // src/css-macro/index.ts
 import plugin from "tailwindcss/plugin";

package/dist/defaults.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSTBG5AZDjs = require('./chunk-STBG5AZD.js');
+var _chunkIS2CB3USjs = require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 
-exports.getDefaultOptions = _chunkSTBG5AZDjs.getDefaultOptions;
+exports.getDefaultOptions = _chunkIS2CB3USjs.getDefaultOptions;

package/dist/defaults.mjs

@@ -1,8 +1,8 @@
 import {
   getDefaultOptions
-} from "./chunk-WS4AAHOX.mjs";
+} from "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 export {
   getDefaultOptions
 };

package/dist/escape.js

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 var _chunkPLMJW644js = require('./chunk-PLMJW644.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 // src/escape.ts
 var _escape = require('@weapp-core/escape');

package/dist/escape.mjs

@@ -1,7 +1,7 @@
 import {
   replaceWxml
 } from "./chunk-Q67IXIAH.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 
 // src/escape.ts
 import { isAllowedClassName } from "@weapp-core/escape";

package/dist/gulp.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXASQP3ALjs = require('./chunk-XASQP3AL.js');
+var _chunkXUEGXQ26js = require('./chunk-XUEGXQ26.js');
 require('./chunk-LSSLYD6B.js');
-require('./chunk-F3KR5VQ3.js');
+require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 
-exports.createPlugins = _chunkXASQP3ALjs.createPlugins;
+exports.createPlugins = _chunkXUEGXQ26js.createPlugins;

package/dist/gulp.mjs

@@ -1,12 +1,12 @@
 import {
   createPlugins
-} from "./chunk-RTOPSNT3.mjs";
+} from "./chunk-3LFHAVFB.mjs";
 import "./chunk-3AUX4FGE.mjs";
-import "./chunk-ZCBQG5QZ.mjs";
+import "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 export {
   createPlugins
 };

package/dist/index.js

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-O2IOQ3BD.js');
 
 
-var _chunkAWENTCC4js = require('./chunk-AWENTCC4.js');
+var _chunkNPUMBW4Mjs = require('./chunk-NPUMBW4M.js');
 
 
-var _chunkXASQP3ALjs = require('./chunk-XASQP3AL.js');
+var _chunkXUEGXQ26js = require('./chunk-XUEGXQ26.js');
 
 
-var _chunkVPNTCMEXjs = require('./chunk-VPNTCMEX.js');
+var _chunk4FBD5VOVjs = require('./chunk-4FBD5VOV.js');
 require('./chunk-LSSLYD6B.js');
 require('./chunk-OGROHM4L.js');
-require('./chunk-F3KR5VQ3.js');
+require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 
 
 
-exports.UnifiedViteWeappTailwindcssPlugin = _chunkVPNTCMEXjs.UnifiedViteWeappTailwindcssPlugin; exports.UnifiedWebpackPluginV5 = _chunkAWENTCC4js.UnifiedWebpackPluginV5; exports.createPlugins = _chunkXASQP3ALjs.createPlugins;
+exports.UnifiedViteWeappTailwindcssPlugin = _chunk4FBD5VOVjs.UnifiedViteWeappTailwindcssPlugin; exports.UnifiedWebpackPluginV5 = _chunkNPUMBW4Mjs.UnifiedWebpackPluginV5; exports.createPlugins = _chunkXUEGXQ26js.createPlugins;

package/dist/index.mjs

@@ -1,20 +1,20 @@
 import "./chunk-YAN7TO2B.mjs";
 import {
   UnifiedWebpackPluginV5
-} from "./chunk-PINTX6CR.mjs";
+} from "./chunk-3HI6LEK4.mjs";
 import {
   createPlugins
-} from "./chunk-RTOPSNT3.mjs";
+} from "./chunk-3LFHAVFB.mjs";
 import {
   UnifiedViteWeappTailwindcssPlugin
-} from "./chunk-YVWK3H7E.mjs";
+} from "./chunk-DNHAKEMA.mjs";
 import "./chunk-3AUX4FGE.mjs";
 import "./chunk-CMUA5KCO.mjs";
-import "./chunk-ZCBQG5QZ.mjs";
+import "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 export {
   UnifiedViteWeappTailwindcssPlugin,
   UnifiedWebpackPluginV5,

package/dist/types.d.mts

@@ -44,11 +44,11 @@ interface UserDefinedOptions {
      * ```ts
      * // 比如 uni-app vue3 vite
      * import process from 'node:process'
-  
+     
   const isH5 = process.env.UNI_PLATFORM === 'h5'
   const isApp = process.env.UNI_PLATFORM === 'app'
   const WeappTailwindcssDisabled = isH5 || isApp
-  
+     
   import { UnifiedViteWeappTailwindcssPlugin as uvtw } from 'weapp-tailwindcss/vite'
   // 注册插件
   // highlight-start
@@ -62,17 +62,17 @@ interface UserDefinedOptions {
     /**
      * @group 0.重要配置
      * @description **这是一个重要的配置!**
-  
+     
   它可以自定义`wxml`标签上的`attr`转化属性。默认转化所有的`class`和`hover-class`，这个`Map`的 `key`为匹配标签，`value`为属性字符串或者匹配正则数组。
-  
+     
   如果你想要增加，对于所有标签都生效的转化的属性，你可以添加 `*`: `(string | Regexp)[]` 这样的键值对。(`*` 是一个特殊值，代表所有标签)
-  
+     
   更复杂的情况，可以传一个 `Map<string | Regex, (string | Regex)[]>`实例。
-  
+     
   假如你要把 `className` 通过组件的`prop`传递给子组件，又或者想要自定义转化的标签属性时，需要用到此配置，案例详见：[issue#129](https://github.com/sonofmagic/weapp-tailwindcss/issues/129#issuecomment-1340914688),[issue#134](https://github.com/sonofmagic/weapp-tailwindcss/issues/134#issuecomment-1351288238)
-  
+     
   @example
-  
+     
   ```js
   const customAttributes = {
       // 匹配所有带 Class / class 相关的标签，比如某个组件上的 `a-class`, `testClass` , `custom-class` 里面的值
@@ -83,9 +83,9 @@ interface UserDefinedOptions {
       'ice-button': ['testClass']
   }
   ```
-  
+     
   当然你可以根据自己的需求，定义单个或者多个正则/字符串。
-  
+     
   甚至有可能你编写正则表达式，它们匹配的范围，直接包括了插件里自带默认的 `class`/`hover-class`，那么这种情况下，你完全可以取代插件的默认模板转化器，开启 [disabledDefaultTemplateHandler](/docs/api/interfaces/UserDefinedOptions#disableddefaulttemplatehandler) 配置项,禁用默认的模版匹配转化器。
      */
     customAttributes?: ICustomAttributes;
@@ -93,7 +93,7 @@ interface UserDefinedOptions {
      * @group 0.重要配置
      * @description 自定义转化class名称字典，这个配置项用来自定义转化`class`名称字典,你可以使用这个选项来简化生成的`class`
   - 默认模式: 把小程序中不允许的字符串，转义为**相等长度**的代替字符串，这种情况不追求转化目标字符串的一比一绝对等价，即无法从生成结果，反推原先的`class`
-  
+     
   当然，你也可以自定义，传一个 `Record<string, string>` 类型，只需保证转化后 css 中的 `class` 选择器，不会和自己定义的 `class` 产生冲突即可，示例见[dic.ts](https://github.com/sonofmagic/weapp-core/blob/main/packages/escape/src/dic.ts)
      * @default MappingChars2String
      */
@@ -128,12 +128,12 @@ interface UserDefinedOptions {
       // border-width: 0;
       // border-style: solid;
       // border-color: currentColor
-  
+     
       // case 禁用所有
       cssPreflight: false
       // result
       // none
-  
+     
       // case 禁用单个属性
       cssPreflight: {
         'box-sizing': false
@@ -141,7 +141,7 @@ interface UserDefinedOptions {
       // border-width: 0;
       // border-style: solid;
       // border-color: currentColor
-  
+     
       // case 更改和添加单个属性
       cssPreflight: {
         'box-sizing': 'content-box',
@@ -304,13 +304,13 @@ interface UserDefinedOptions {
      * @issue https://github.com/sonofmagic/weapp-tailwindcss/issues/110
      * @description 自从`tailwindcss 3.2.0`对任意值添加了长度单位的校验后，小程序中的`rpx`这个`wxss`单位，由于不在长度合法名单中，于是被识别成了颜色，导致与预期不符，详见：[issues/110](https://github.com/sonofmagic/weapp-tailwindcss/issues/110)。所以这个选项是用来给`tailwindcss`运行时，自动打上一个支持`rpx`单位的补丁。默认开启，在绝大部分情况下，你都可以忽略这个配置项，除非你需要更高级的自定义。
   > 目前自动检索可能存在一定的缺陷，它会在第一次运行的时候不生效，关闭后第二次运行才生效。这是因为 nodejs 运行时先加载好了 `tailwindcss` 模块 ，然后再来运行这个插件，自动给 `tailwindcss` 运行时打上 `patch`。此时由于 `tailwindcss` 模块已经加载，所以 `patch` 在第一次运行时不生效，`ctrl+c` 关闭之后，再次运行才生效。这种情况可以使用:
-  
+     
   ```diff
    "scripts": {
   +  "postinstall": "weapp-tw patch"
    }
   ```
-  
+     
   使用 `npm hooks` 的方式来给 `tailwindcss` 自动打 `patch`
      */
     supportCustomLengthUnitsPatch?: ILengthUnitsPatchOptions | boolean;
@@ -408,6 +408,13 @@ interface UserDefinedOptions {
      * @description 是否删除 css :hover 选择器节点，默认为 `true`, 原因在于，小程序 css :hover 是不生效的，要使用 view 这种标签的 hover-class 属性
      */
     cssRemoveHoverPseudoClass?: boolean;
+    /**
+     * @version `^4.1.2`
+     * @group 3.一般配置
+     * @default `true`
+     * @description 是否删除 `@property` 选择器节点，默认为 `true`, 原因在于，小程序 `@property` 是不生效的
+     */
+    cssRemoveProperty?: boolean;
     /**
      * @group 3.一般配置
      * @description 用于自定义处理 css 的回调函数，可根据 Postcss walk 方法自由定制处理方案的 callback 方法

package/dist/types.d.ts

@@ -44,11 +44,11 @@ interface UserDefinedOptions {
      * ```ts
      * // 比如 uni-app vue3 vite
      * import process from 'node:process'
-  
+     
   const isH5 = process.env.UNI_PLATFORM === 'h5'
   const isApp = process.env.UNI_PLATFORM === 'app'
   const WeappTailwindcssDisabled = isH5 || isApp
-  
+     
   import { UnifiedViteWeappTailwindcssPlugin as uvtw } from 'weapp-tailwindcss/vite'
   // 注册插件
   // highlight-start
@@ -62,17 +62,17 @@ interface UserDefinedOptions {
     /**
      * @group 0.重要配置
      * @description **这是一个重要的配置!**
-  
+     
   它可以自定义`wxml`标签上的`attr`转化属性。默认转化所有的`class`和`hover-class`，这个`Map`的 `key`为匹配标签，`value`为属性字符串或者匹配正则数组。
-  
+     
   如果你想要增加，对于所有标签都生效的转化的属性，你可以添加 `*`: `(string | Regexp)[]` 这样的键值对。(`*` 是一个特殊值，代表所有标签)
-  
+     
   更复杂的情况，可以传一个 `Map<string | Regex, (string | Regex)[]>`实例。
-  
+     
   假如你要把 `className` 通过组件的`prop`传递给子组件，又或者想要自定义转化的标签属性时，需要用到此配置，案例详见：[issue#129](https://github.com/sonofmagic/weapp-tailwindcss/issues/129#issuecomment-1340914688),[issue#134](https://github.com/sonofmagic/weapp-tailwindcss/issues/134#issuecomment-1351288238)
-  
+     
   @example
-  
+     
   ```js
   const customAttributes = {
       // 匹配所有带 Class / class 相关的标签，比如某个组件上的 `a-class`, `testClass` , `custom-class` 里面的值
@@ -83,9 +83,9 @@ interface UserDefinedOptions {
       'ice-button': ['testClass']
   }
   ```
-  
+     
   当然你可以根据自己的需求，定义单个或者多个正则/字符串。
-  
+     
   甚至有可能你编写正则表达式，它们匹配的范围，直接包括了插件里自带默认的 `class`/`hover-class`，那么这种情况下，你完全可以取代插件的默认模板转化器，开启 [disabledDefaultTemplateHandler](/docs/api/interfaces/UserDefinedOptions#disableddefaulttemplatehandler) 配置项,禁用默认的模版匹配转化器。
      */
     customAttributes?: ICustomAttributes;
@@ -93,7 +93,7 @@ interface UserDefinedOptions {
      * @group 0.重要配置
      * @description 自定义转化class名称字典，这个配置项用来自定义转化`class`名称字典,你可以使用这个选项来简化生成的`class`
   - 默认模式: 把小程序中不允许的字符串，转义为**相等长度**的代替字符串，这种情况不追求转化目标字符串的一比一绝对等价，即无法从生成结果，反推原先的`class`
-  
+     
   当然，你也可以自定义，传一个 `Record<string, string>` 类型，只需保证转化后 css 中的 `class` 选择器，不会和自己定义的 `class` 产生冲突即可，示例见[dic.ts](https://github.com/sonofmagic/weapp-core/blob/main/packages/escape/src/dic.ts)
      * @default MappingChars2String
      */
@@ -128,12 +128,12 @@ interface UserDefinedOptions {
       // border-width: 0;
       // border-style: solid;
       // border-color: currentColor
-  
+     
       // case 禁用所有
       cssPreflight: false
       // result
       // none
-  
+     
       // case 禁用单个属性
       cssPreflight: {
         'box-sizing': false
@@ -141,7 +141,7 @@ interface UserDefinedOptions {
       // border-width: 0;
       // border-style: solid;
       // border-color: currentColor
-  
+     
       // case 更改和添加单个属性
       cssPreflight: {
         'box-sizing': 'content-box',
@@ -304,13 +304,13 @@ interface UserDefinedOptions {
      * @issue https://github.com/sonofmagic/weapp-tailwindcss/issues/110
      * @description 自从`tailwindcss 3.2.0`对任意值添加了长度单位的校验后，小程序中的`rpx`这个`wxss`单位，由于不在长度合法名单中，于是被识别成了颜色，导致与预期不符，详见：[issues/110](https://github.com/sonofmagic/weapp-tailwindcss/issues/110)。所以这个选项是用来给`tailwindcss`运行时，自动打上一个支持`rpx`单位的补丁。默认开启，在绝大部分情况下，你都可以忽略这个配置项，除非你需要更高级的自定义。
   > 目前自动检索可能存在一定的缺陷，它会在第一次运行的时候不生效，关闭后第二次运行才生效。这是因为 nodejs 运行时先加载好了 `tailwindcss` 模块 ，然后再来运行这个插件，自动给 `tailwindcss` 运行时打上 `patch`。此时由于 `tailwindcss` 模块已经加载，所以 `patch` 在第一次运行时不生效，`ctrl+c` 关闭之后，再次运行才生效。这种情况可以使用:
-  
+     
   ```diff
    "scripts": {
   +  "postinstall": "weapp-tw patch"
    }
   ```
-  
+     
   使用 `npm hooks` 的方式来给 `tailwindcss` 自动打 `patch`
      */
     supportCustomLengthUnitsPatch?: ILengthUnitsPatchOptions | boolean;
@@ -408,6 +408,13 @@ interface UserDefinedOptions {
      * @description 是否删除 css :hover 选择器节点，默认为 `true`, 原因在于，小程序 css :hover 是不生效的，要使用 view 这种标签的 hover-class 属性
      */
     cssRemoveHoverPseudoClass?: boolean;
+    /**
+     * @version `^4.1.2`
+     * @group 3.一般配置
+     * @default `true`
+     * @description 是否删除 `@property` 选择器节点，默认为 `true`, 原因在于，小程序 `@property` 是不生效的
+     */
+    cssRemoveProperty?: boolean;
     /**
      * @group 3.一般配置
      * @description 用于自定义处理 css 的回调函数，可根据 Postcss walk 方法自由定制处理方案的 callback 方法

package/dist/types.js

@@ -1,2 +1,2 @@
 "use strict";require('./chunk-O2IOQ3BD.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');

package/dist/types.mjs

@@ -1,2 +1,2 @@
 import "./chunk-YAN7TO2B.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";

package/dist/vite.js

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVPNTCMEXjs = require('./chunk-VPNTCMEX.js');
+var _chunk4FBD5VOVjs = require('./chunk-4FBD5VOV.js');
 require('./chunk-LSSLYD6B.js');
 require('./chunk-OGROHM4L.js');
-require('./chunk-F3KR5VQ3.js');
+require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 
-exports.UnifiedViteWeappTailwindcssPlugin = _chunkVPNTCMEXjs.UnifiedViteWeappTailwindcssPlugin;
+exports.UnifiedViteWeappTailwindcssPlugin = _chunk4FBD5VOVjs.UnifiedViteWeappTailwindcssPlugin;

package/dist/vite.mjs

@@ -1,13 +1,13 @@
 import {
   UnifiedViteWeappTailwindcssPlugin
-} from "./chunk-YVWK3H7E.mjs";
+} from "./chunk-DNHAKEMA.mjs";
 import "./chunk-3AUX4FGE.mjs";
 import "./chunk-CMUA5KCO.mjs";
-import "./chunk-ZCBQG5QZ.mjs";
+import "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 export {
   UnifiedViteWeappTailwindcssPlugin
 };

package/dist/webpack.js

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAWENTCC4js = require('./chunk-AWENTCC4.js');
+var _chunkNPUMBW4Mjs = require('./chunk-NPUMBW4M.js');
 require('./chunk-LSSLYD6B.js');
 require('./chunk-OGROHM4L.js');
-require('./chunk-F3KR5VQ3.js');
+require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 
-exports.UnifiedWebpackPluginV5 = _chunkAWENTCC4js.UnifiedWebpackPluginV5;
+exports.UnifiedWebpackPluginV5 = _chunkNPUMBW4Mjs.UnifiedWebpackPluginV5;

package/dist/webpack.mjs

@@ -1,13 +1,13 @@
 import {
   UnifiedWebpackPluginV5
-} from "./chunk-PINTX6CR.mjs";
+} from "./chunk-3HI6LEK4.mjs";
 import "./chunk-3AUX4FGE.mjs";
 import "./chunk-CMUA5KCO.mjs";
-import "./chunk-ZCBQG5QZ.mjs";
+import "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import "./chunk-JXBLHLFR.mjs";
-import "./chunk-4BKXIUVT.mjs";
+import "./chunk-IM4NUFIU.mjs";
 export {
   UnifiedWebpackPluginV5
 };

package/dist/webpack4.js

@@ -6,14 +6,14 @@ var _chunkLSSLYD6Bjs = require('./chunk-LSSLYD6B.js');
 var _chunkOGROHM4Ljs = require('./chunk-OGROHM4L.js');
 
 
-var _chunkF3KR5VQ3js = require('./chunk-F3KR5VQ3.js');
+var _chunkA7T5CY7Mjs = require('./chunk-A7T5CY7M.js');
 require('./chunk-PLMJW644.js');
-require('./chunk-STBG5AZD.js');
+require('./chunk-IS2CB3US.js');
 
 
 
 var _chunkO335YLYHjs = require('./chunk-O335YLYH.js');
-require('./chunk-MY2HTM7P.js');
+require('./chunk-L5OJYGRB.js');
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
 var _fs = require('fs'); var _fs2 = _interopRequireDefault(_fs);
@@ -22,7 +22,7 @@ var _webpacksources = require('webpack-sources');
 var debug = _chunkLSSLYD6Bjs.createDebug.call(void 0, );
 var UnifiedWebpackPluginV4 = class {
   constructor(options = {}) {
-    this.options = _chunkF3KR5VQ3js.getCompilerContext.call(void 0, options);
+    this.options = _chunkA7T5CY7Mjs.getCompilerContext.call(void 0, options);
     this.appType = this.options.appType;
   }
   apply(compiler) {

package/dist/webpack4.mjs

@@ -6,16 +6,16 @@ import {
 } from "./chunk-CMUA5KCO.mjs";
 import {
   getCompilerContext
-} from "./chunk-ZCBQG5QZ.mjs";
+} from "./chunk-XRPBGBW5.mjs";
 import "./chunk-Q67IXIAH.mjs";
-import "./chunk-WS4AAHOX.mjs";
+import "./chunk-WKGE3KUO.mjs";
 import {
   getGroupedEntries,
   removeExt
 } from "./chunk-JXBLHLFR.mjs";
 import {
   __dirname
-} from "./chunk-4BKXIUVT.mjs";
+} from "./chunk-IM4NUFIU.mjs";
 
 // src/bundlers/webpack/BaseUnifiedPlugin/v4.ts
 import fs from "node:fs";

package/index.css

@@ -1,5 +1,3 @@
-@layer theme, base, components, utilities;
-
-@import './theme.css' layer(theme);
-@import './preflight.css' layer(base);
-@import './utilities.css' layer(utilities);
+@import './theme.css';
+@import './preflight.css';
+@import './utilities.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "weapp-tailwindcss",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "把 tailwindcss 原子化样式思想，带给小程序开发者们! bring tailwindcss to miniprogram developers!",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -105,6 +105,8 @@
     "./theme": "./theme.css",
     "./utilities.css": "./utilities.css",
     "./utilities": "./utilities.css",
+    "./with-layer.css": "./with-layer.css",
+    "./with-layer": "./with-layer.css",
     "./*": "./*"
   },
   "main": "dist/index.js",
@@ -130,7 +132,8 @@
     "index.css",
     "preflight.css",
     "theme.css",
-    "utilities.css"
+    "utilities.css",
+    "with-layer.css"
   ],
   "engines": {
     "node": "^18.17.0 || >=20.5.0"
@@ -156,10 +159,10 @@
     "tailwindcss-patch": "~7.0.2",
     "webpack-sources": "3.2.3",
     "@weapp-tailwindcss/init": "1.0.2",
-    "@weapp-tailwindcss/mangle": "1.0.3",
     "@weapp-tailwindcss/logger": "1.0.1",
-    "@weapp-tailwindcss/postcss": "1.0.7",
-    "@weapp-tailwindcss/shared": "1.0.2"
+    "@weapp-tailwindcss/mangle": "1.0.3",
+    "@weapp-tailwindcss/shared": "1.0.2",
+    "@weapp-tailwindcss/postcss": "1.0.8"
   },
   "scripts": {
     "dev": "tsup --watch --sourcemap",

package/with-layer.css

@@ -0,0 +1,5 @@
+@layer theme, base, components, utilities;
+
+@import './theme.css' layer(theme);
+@import './preflight.css' layer(base);
+@import './utilities.css' layer(utilities);