fix(css): downgrade Tailwind CSS from v4 to v3.4 for better browser compatibility

Tailwind CSS v4 requires modern CSS features (@layer, @property, color-mix)
that are not supported in older WebView2 versions, causing styles to fail
on some Windows 11 systems.

Changes:
- Replace @tailwindcss/vite with postcss + autoprefixer
- Downgrade tailwindcss from 4.1.13 to 3.4.17
- Convert CSS imports from v4 syntax to v3 @tailwind directives
- Add darkMode: "selector" to tailwind.config.js
- Create postcss.config.js for PostCSS pipeline

This improves compatibility with older browsers and WebView2 runtimes
while maintaining the same visual appearance.
This commit is contained in:
Jason
2025-11-27 22:55:14 +08:00
parent ce4f0c02cb
commit fcb090dd15
6 changed files with 596 additions and 267 deletions
+1 -2
View File
@@ -1,11 +1,10 @@
import path from "node:path";
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
export default defineConfig({
root: "src",
plugins: [react(), tailwindcss()],
plugins: [react()],
base: "./",
build: {
outDir: "../dist",