fix: stabilize tailwind import and watch hmr checks

Author: sonofmagic

.github/workflows/e2e-watch.yml

@@ -107,9 +107,9 @@ jobs:
             round_profile: default
             watch_save_snapshots: '1'
             timeout_minutes: 45
-            watch_timeout_ms: '320000'
+            watch_timeout_ms: '420000'
             watch_poll_ms: '320'
-            watch_command_timeout_ms: '840000'
+            watch_command_timeout_ms: '960000'
           - os: macos-latest
             runner_label: macos
             watch_case: uni-app-vite-tailwindcss-v4

demo/taro-webpack-react-tailwindcss-v4/src/app.css

@@ -1 +1,2 @@
-@import "tailwindcss";
+@import "tailwindcss" source(none);
+@source "../src";

demo/taro-webpack-vue3-tailwindcss-v4/src/app.css

@@ -1 +1,2 @@
-@import "tailwindcss";
+@import "tailwindcss" source(none);
+@source "../src";

e2e/__snapshots__/apps-generator-mode/compare/report.json

@@ -5628,12 +5628,17 @@
     "cssFiles": [
       "app.wxss",
       "index.wxss",
+      "index.wxss",
       "index.wxss"
     ],
     "status": "passed",
     "generator": {
-      "bytes": 6061,
+      "bytes": 6862,
       "selectors": [
+        ".a",
+        ".aspect-w-16 > text",
+        ".aspect-w-16 > view",
+        ".b",
         ".before_cabsolute:before",
         ".before_cborder-2:before",
         ".before_cborder-_b_h4bd650_B:before",
@@ -5642,6 +5647,7 @@
         ".before_cinset-0:before",
         ".before_crounded-_b20rpx_B:before",
         ".bg-_b_h123456_B",
+        ".bg-opacity-_b0_d54_B",
         ".bg-sky-500_f80",
         ".container",
         ".dark text.dark_cbg-_b_h123456_B",
@@ -5658,9 +5664,13 @@
         ".divide-x-_b10px_B > text + view",
         ".divide-x-_b10px_B > view + text",
         ".divide-x-_b10px_B > view + view",
+        ".flex",
         ".grid",
         ".grid-cols-3",
         ".h-12",
+        ".h-_b100px_B",
+        ".items-center",
+        ".justify-center",
         ".leading-_b0_d9_B",
         ".max-h-_b100px_B",
         ".min-w-_b300rpx_B",
@@ -5671,17 +5681,20 @@
         ".resize",
         ".rotate-45",
         ".rounded-_b20rpx_B",
+        ".rounded-_b40px_B",
         ".shadow-md",
         ".space-y-_b1_d6rem_B > text + text",
         ".space-y-_b1_d6rem_B > text + view",
         ".space-y-_b1_d6rem_B > view + text",
         ".space-y-_b1_d6rem_B > view + view",
+        ".test",
         ".text-_b16px_B",
         ".text-_b20px_B",
         ".text-_b_hffffff_B",
         ".text-black",
         ".text-opacity-_b0_d19_B",
         ".w-12",
+        ".w-_b100px_B",
         ".w-_b200_v_B",
         ".w-_b300rpx_B"
       ],
@@ -5699,11 +5712,12 @@
     "cssFiles": [
       "app.wxss",
       "index.wxss",
+      "index.wxss",
       "index.wxss"
     ],
     "status": "passed",
     "generator": {
-      "bytes": 4454,
+      "bytes": 4531,
       "selectors": [
         ".before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before",
         ".before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before",
@@ -5718,6 +5732,7 @@
         ".text-_b100rpx_B",
         ".text-_b_hfff_B",
         ".text-_b_hffffff_B",
+        ".tw-page-style-watch-anchor",
         ".tw-root",
         ":host",
         "page",
@@ -9316,7 +9331,7 @@
     ],
     "status": "passed",
     "generator": {
-      "bytes": 20194,
+      "bytes": 20551,
       "selectors": [
         ".before_ccontent-_b_aindependent_subpackage_weapp-vite-tailwindcss-v4_a_B:before",
         ".before_ccontent-_b_anormal_subpackage_weapp-vite-tailwindcss-v4_a_B:before",
@@ -9329,7 +9344,6 @@
         ".bg-gradient-to-tr",
         ".bg-independent-subpackage-marker",
         ".bg-zinc-50",
-        ".block",
         ".border-4",
         ".capitalize",
         ".container",

e2e/__snapshots__/apps-generator-mode/compare/report.md

@@ -14,14 +14,14 @@ This report is generated by `pnpm e2e:apps-generator`. It builds each retained d
 | taro-webpack-react-tailwindcss-v4 | demo | passed | `taro-webpack-react-tailwindcss-v4/dist/app.wxss` (+3) | 367196 | 2152 | no | no | no | no | yes |
 | taro-vite-react-tailwindcss-v3 | demo | passed | `taro-vite-react-tailwindcss-v3/dist/app.wxss` (+4) | 10233 | 25 | no | no | no | no | yes |
 | taro-vite-react-tailwindcss-v4 | demo | passed | `taro-vite-react-tailwindcss-v4/dist/app.wxss` (+3) | 10938 | 43 | no | no | no | no | yes |
-| taro-webpack-vue3-tailwindcss-v3 | demo | passed | `taro-webpack-vue3-tailwindcss-v3/dist/app.wxss` (+2) | 6061 | 50 | no | no | no | no | yes |
-| taro-webpack-vue3-tailwindcss-v4 | demo | passed | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 4454 | 17 | no | no | no | no | yes |
+| taro-webpack-vue3-tailwindcss-v3 | demo | passed | `taro-webpack-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 6862 | 62 | no | no | no | no | yes |
+| taro-webpack-vue3-tailwindcss-v4 | demo | passed | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+3) | 4531 | 18 | no | no | no | no | yes |
 | taro-vite-vue3-tailwindcss-v3 | demo | passed | `taro-vite-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 10170 | 24 | no | no | no | no | yes |
 | taro-vite-vue3-tailwindcss-v4 | demo | passed | `taro-vite-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 11089 | 44 | no | no | no | no | yes |
 | uni-app-vite-tailwindcss-v3 | demo | passed | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 487203 | 3000 | no | no | no | no | yes |
 | uni-app-vite-tailwindcss-v4 | demo | passed | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+4) | 140805 | 240 | no | no | no | no | yes |
 | weapp-vite-tailwindcss-v3 | demo | passed | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33905 | 144 | no | no | no | no | yes |
-| weapp-vite-tailwindcss-v4 | demo | passed | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20194 | 60 | no | no | no | no | yes |
+| weapp-vite-tailwindcss-v4 | demo | passed | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20551 | 59 | no | no | no | no | yes |
 
 ## Notes
 
@@ -78,13 +78,13 @@ This report is generated by `pnpm e2e:apps-generator`. It builds each retained d
 
 ### taro-webpack-vue3-tailwindcss-v3
 
-- CSS files: `app.wxss`, `index.wxss`, `index.wxss`
-- Selectors: `.before_cabsolute:before`, `.before_cborder-2:before`, `.before_cborder-_b_h4bd650_B:before`, `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_cinset-0:before`, `.before_crounded-_b20rpx_B:before`, `.bg-_b_h123456_B`, `.bg-sky-500_f80`, `.container`, `.dark text.dark_cbg-_b_h123456_B`, `.dark view.dark_cbg-_b_h123456_B`, `.divide-_b_h010101_B > text + text`, `.divide-_b_h010101_B > text + view`, `.divide-_b_h010101_B > view + text`, `.divide-_b_h010101_B > view + view`, `.divide-solid > text + text`, `.divide-solid > text + view`, `.divide-solid > view + text`, `.divide-solid > view + view`
+- CSS files: `app.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
+- Selectors: `.a`, `.aspect-w-16 > text`, `.aspect-w-16 > view`, `.b`, `.before_cabsolute:before`, `.before_cborder-2:before`, `.before_cborder-_b_h4bd650_B:before`, `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_cinset-0:before`, `.before_crounded-_b20rpx_B:before`, `.bg-_b_h123456_B`, `.bg-opacity-_b0_d54_B`, `.bg-sky-500_f80`, `.container`, `.dark text.dark_cbg-_b_h123456_B`, `.dark view.dark_cbg-_b_h123456_B`, `.divide-_b_h010101_B > text + text`, `.divide-_b_h010101_B > text + view`, `.divide-_b_h010101_B > view + text`
 
 ### taro-webpack-vue3-tailwindcss-v4
 
-- CSS files: `app.wxss`, `index.wxss`, `index.wxss`
-- Selectors: `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.bg-_b_h123456_B`, `.bg-_b_h534312_B`, `.bg-independent-subpackage-marker`, `.bg-normal-subpackage-marker`, `.container`, `.px-_b32px_B`, `.py-_b18px_B`, `.rounded-_b24rpx_B`, `.text-_b100rpx_B`, `.text-_b_hfff_B`, `.text-_b_hffffff_B`, `.tw-root`, `:host`, `page`, `wx-root-portal-content`
+- CSS files: `app.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
+- Selectors: `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.bg-_b_h123456_B`, `.bg-_b_h534312_B`, `.bg-independent-subpackage-marker`, `.bg-normal-subpackage-marker`, `.container`, `.px-_b32px_B`, `.py-_b18px_B`, `.rounded-_b24rpx_B`, `.text-_b100rpx_B`, `.text-_b_hfff_B`, `.text-_b_hffffff_B`, `.tw-page-style-watch-anchor`, `.tw-root`, `:host`, `page`, `wx-root-portal-content`
 
 ### taro-vite-vue3-tailwindcss-v3
 
@@ -114,4 +114,4 @@ This report is generated by `pnpm e2e:apps-generator`. It builds each retained d
 ### weapp-vite-tailwindcss-v4
 
 - CSS files: `app.wxss`, `apple.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
-- Selectors: `.before_ccontent-_b_aindependent_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.bg-_b_h3a32d1_B`, `.bg-_b_h68c828_B`, `.bg-amber-300`, `.bg-blue-500_f30`, `.bg-gradient-to-b`, `.bg-gradient-to-t`, `.bg-gradient-to-tr`, `.bg-independent-subpackage-marker`, `.bg-zinc-50`, `.block`, `.border-4`, `.capitalize`, `.container`, `.dark_cbg-zinc-900`, `.filter`, `.flex`, `.flex-col`, `.from-_b_h2f73f1_B`
+- Selectors: `.before_ccontent-_b_aindependent_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.bg-_b_h3a32d1_B`, `.bg-_b_h68c828_B`, `.bg-amber-300`, `.bg-blue-500_f30`, `.bg-gradient-to-b`, `.bg-gradient-to-t`, `.bg-gradient-to-tr`, `.bg-independent-subpackage-marker`, `.bg-zinc-50`, `.border-4`, `.capitalize`, `.container`, `.dark_cbg-zinc-900`, `.filter`, `.flex`, `.flex-col`, `.from-_b_h2f73f1_B`, `.h-10`

e2e/__snapshots__/apps-generator-mode/compare/report.zh-CN.md

@@ -14,14 +14,14 @@
 | taro-webpack-react-tailwindcss-v4 | demo | 通过 | `taro-webpack-react-tailwindcss-v4/dist/app.wxss` (+3) | 367196 | 2152 | 否 | 否 | 否 | 否 | 是 |
 | taro-vite-react-tailwindcss-v3 | demo | 通过 | `taro-vite-react-tailwindcss-v3/dist/app.wxss` (+4) | 10233 | 25 | 否 | 否 | 否 | 否 | 是 |
 | taro-vite-react-tailwindcss-v4 | demo | 通过 | `taro-vite-react-tailwindcss-v4/dist/app.wxss` (+3) | 10938 | 43 | 否 | 否 | 否 | 否 | 是 |
-| taro-webpack-vue3-tailwindcss-v3 | demo | 通过 | `taro-webpack-vue3-tailwindcss-v3/dist/app.wxss` (+2) | 6061 | 50 | 否 | 否 | 否 | 否 | 是 |
-| taro-webpack-vue3-tailwindcss-v4 | demo | 通过 | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 4454 | 17 | 否 | 否 | 否 | 否 | 是 |
+| taro-webpack-vue3-tailwindcss-v3 | demo | 通过 | `taro-webpack-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 6862 | 62 | 否 | 否 | 否 | 否 | 是 |
+| taro-webpack-vue3-tailwindcss-v4 | demo | 通过 | `taro-webpack-vue3-tailwindcss-v4/dist/app.wxss` (+3) | 4531 | 18 | 否 | 否 | 否 | 否 | 是 |
 | taro-vite-vue3-tailwindcss-v3 | demo | 通过 | `taro-vite-vue3-tailwindcss-v3/dist/app.wxss` (+3) | 10170 | 24 | 否 | 否 | 否 | 否 | 是 |
 | taro-vite-vue3-tailwindcss-v4 | demo | 通过 | `taro-vite-vue3-tailwindcss-v4/dist/app.wxss` (+2) | 11089 | 44 | 否 | 否 | 否 | 否 | 是 |
 | uni-app-vite-tailwindcss-v3 | demo | 通过 | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+12) | 487203 | 3000 | 否 | 否 | 否 | 否 | 是 |
 | uni-app-vite-tailwindcss-v4 | demo | 通过 | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+4) | 140805 | 240 | 否 | 否 | 否 | 否 | 是 |
 | weapp-vite-tailwindcss-v3 | demo | 通过 | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+5) | 33905 | 144 | 否 | 否 | 否 | 否 | 是 |
-| weapp-vite-tailwindcss-v4 | demo | 通过 | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20194 | 60 | 否 | 否 | 否 | 否 | 是 |
+| weapp-vite-tailwindcss-v4 | demo | 通过 | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+4) | 20551 | 59 | 否 | 否 | 否 | 否 | 是 |
 
 ## 说明
 
@@ -78,13 +78,13 @@
 
 ### taro-webpack-vue3-tailwindcss-v3
 
-- CSS 文件：`app.wxss`, `index.wxss`, `index.wxss`
-- 选择器：`.before_cabsolute:before`, `.before_cborder-2:before`, `.before_cborder-_b_h4bd650_B:before`, `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_cinset-0:before`, `.before_crounded-_b20rpx_B:before`, `.bg-_b_h123456_B`, `.bg-sky-500_f80`, `.container`, `.dark text.dark_cbg-_b_h123456_B`, `.dark view.dark_cbg-_b_h123456_B`, `.divide-_b_h010101_B > text + text`, `.divide-_b_h010101_B > text + view`, `.divide-_b_h010101_B > view + text`, `.divide-_b_h010101_B > view + view`, `.divide-solid > text + text`, `.divide-solid > text + view`, `.divide-solid > view + text`, `.divide-solid > view + view`
+- CSS 文件：`app.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
+- 选择器：`.a`, `.aspect-w-16 > text`, `.aspect-w-16 > view`, `.b`, `.before_cabsolute:before`, `.before_cborder-2:before`, `.before_cborder-_b_h4bd650_B:before`, `.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v3_a_B:before`, `.before_cinset-0:before`, `.before_crounded-_b20rpx_B:before`, `.bg-_b_h123456_B`, `.bg-opacity-_b0_d54_B`, `.bg-sky-500_f80`, `.container`, `.dark text.dark_cbg-_b_h123456_B`, `.dark view.dark_cbg-_b_h123456_B`, `.divide-_b_h010101_B > text + text`, `.divide-_b_h010101_B > text + view`, `.divide-_b_h010101_B > view + text`
 
 ### taro-webpack-vue3-tailwindcss-v4
 
-- CSS 文件：`app.wxss`, `index.wxss`, `index.wxss`
-- 选择器：`.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.bg-_b_h123456_B`, `.bg-_b_h534312_B`, `.bg-independent-subpackage-marker`, `.bg-normal-subpackage-marker`, `.container`, `.px-_b32px_B`, `.py-_b18px_B`, `.rounded-_b24rpx_B`, `.text-_b100rpx_B`, `.text-_b_hfff_B`, `.text-_b_hffffff_B`, `.tw-root`, `:host`, `page`, `wx-root-portal-content`
+- CSS 文件：`app.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
+- 选择器：`.before_ccontent-_b_aindependent_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_taro-webpack-vue3-tailwindcss-v4_a_B:before`, `.bg-_b_h123456_B`, `.bg-_b_h534312_B`, `.bg-independent-subpackage-marker`, `.bg-normal-subpackage-marker`, `.container`, `.px-_b32px_B`, `.py-_b18px_B`, `.rounded-_b24rpx_B`, `.text-_b100rpx_B`, `.text-_b_hfff_B`, `.text-_b_hffffff_B`, `.tw-page-style-watch-anchor`, `.tw-root`, `:host`, `page`, `wx-root-portal-content`
 
 ### taro-vite-vue3-tailwindcss-v3
 
@@ -114,4 +114,4 @@
 ### weapp-vite-tailwindcss-v4
 
 - CSS 文件：`app.wxss`, `apple.wxss`, `index.wxss`, `index.wxss`, `index.wxss`
-- 选择器：`.before_ccontent-_b_aindependent_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.bg-_b_h3a32d1_B`, `.bg-_b_h68c828_B`, `.bg-amber-300`, `.bg-blue-500_f30`, `.bg-gradient-to-b`, `.bg-gradient-to-t`, `.bg-gradient-to-tr`, `.bg-independent-subpackage-marker`, `.bg-zinc-50`, `.block`, `.border-4`, `.capitalize`, `.container`, `.dark_cbg-zinc-900`, `.filter`, `.flex`, `.flex-col`, `.from-_b_h2f73f1_B`
+- 选择器：`.before_ccontent-_b_aindependent_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.before_ccontent-_b_anormal_subpackage_weapp-vite-tailwindcss-v4_a_B:before`, `.bg-_b_h3a32d1_B`, `.bg-_b_h68c828_B`, `.bg-amber-300`, `.bg-blue-500_f30`, `.bg-gradient-to-b`, `.bg-gradient-to-t`, `.bg-gradient-to-tr`, `.bg-independent-subpackage-marker`, `.bg-zinc-50`, `.border-4`, `.capitalize`, `.container`, `.dark_cbg-zinc-900`, `.filter`, `.flex`, `.flex-col`, `.from-_b_h2f73f1_B`, `.h-10`

e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-vue3-tailwindcss-v3.md

@@ -2,11 +2,11 @@
 
 Fixture: demo
 Entry: taro-webpack-vue3-tailwindcss-v3/dist/app.wxss
-Generator CSS files: app.wxss, index.wxss, index.wxss
+Generator CSS files: app.wxss, index.wxss, index.wxss, index.wxss
 
 | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | ---: | ---: | --- | --- | --- | --- | --- |
-| 6061 | 50 | false | false | false | false | true |
+| 6862 | 62 | false | false | false | false | true |
 
 ## Generator CSS
 
@@ -79,18 +79,27 @@ text,
 .relative {
   position: relative;
 }
+.flex {
+  display: flex;
+}
 .grid {
   display: grid;
 }
 .h-12 {
   height: 96rpx;
 }
+.h-_b100px_B {
+  height: 100rpx;
+}
 .max-h-_b100px_B {
   max-height: 100rpx;
 }
 .w-12 {
   width: 96rpx;
 }
+.w-_b100px_B {
+  width: 100rpx;
+}
 .w-_b200_v_B {
   width: 200%;
 }
@@ -111,6 +120,12 @@ text,
 .grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }
+.items-center {
+  align-items: center;
+}
+.justify-center {
+  justify-content: center;
+}
 .space-y-_b1_d6rem_B > view + view,
 .space-y-_b1_d6rem_B > view + text,
 .space-y-_b1_d6rem_B > text + view,
@@ -143,13 +158,19 @@ text,
 .rounded-_b20rpx_B {
   border-radius: 20rpx;
 }
+.rounded-_b40px_B {
+  border-radius: 40rpx;
+}
 .bg-_b_h123456_B {
   --tw-bg-opacity: 1;
   background-color: rgba(18, 52, 86, var(--tw-bg-opacity, 1));
 }
 .bg-sky-500_f80 {
   background-color: rgba(14, 165, 233, 0.8);
 }
+.bg-opacity-_b0_d54_B {
+  --tw-bg-opacity: 0.54;
+}
 .p-_b20px_B {
   padding: 20rpx;
 }
@@ -281,4 +302,27 @@ text,
     max-width: 3072rpx;
   }
 }
+
+.test {
+  display: flex !important;
+  height: 100rpx !important;
+  width: 100rpx !important;
+  align-items: center !important;
+  justify-content: center !important;
+  border-radius: 40rpx !important;
+  background-color: rgba(18, 52, 86, var(--tw-bg-opacity, 1)) !important;
+  --tw-bg-opacity: 0.54 !important;
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 255, 255, var(--tw-text-opacity, 1)) !important;
+}
+.aspect-w-16 > view,
+.aspect-w-16 > text {
+  color: red;
+}
+.a {
+  color: green;
+}
+.b {
+  color: #ff0;
+}
 ```

e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-vue3-tailwindcss-v4.md

@@ -2,11 +2,11 @@
 
 Fixture: demo
 Entry: taro-webpack-vue3-tailwindcss-v4/dist/app.wxss
-Generator CSS files: app.wxss, index.wxss, index.wxss
+Generator CSS files: app.wxss, index.wxss, index.wxss, index.wxss
 
 | Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
 | ---: | ---: | --- | --- | --- | --- | --- |
-| 4454 | 17 | false | false | false | false | true |
+| 4531 | 18 | false | false | false | false | true |
 
 ## Generator CSS
 
@@ -250,4 +250,9 @@ wx-root-portal-content {
     max-width: 3072rpx;
   }
 }
+
+@reference "tailwindcss";
+.tw-page-style-watch-anchor {
+  color: inherit;
+}
 ```