downgrade to tailwind v3

Author: KurtGokhan

examples/vite/package.json

@@ -15,19 +15,20 @@
     "@tanstack/react-query-devtools": "^5.69.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tailwindcss": "^4.0.15",
     "tanstack-query-builder": "^0.9.3",
     "tanstack-query-builder-example-mocks": "^0.9.3"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.0.15",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.0.9",
+    "autoprefixer": "^10.4.21",
     "msw": "^2.7.3",
     "playwright": "^1.51.1",
+    "postcss": "^8.5.3",
     "sass": "^1.86.0",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5.8.2",
     "vite": "^6.2.2",
     "vitest": "^3.0.9",

examples/vite/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

examples/vite/src/index.css

@@ -1,4 +1,6 @@
-@import "tailwindcss";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 .btn {
   @apply px-4 py-2 rounded;

examples/vite/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

examples/vite/vite.config.ts

@@ -1,14 +1,13 @@
 /// <reference types="vitest" />
 
-import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 
 const isStackblitz = process.env.SHELL === '/bin/jsh';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [react()],
   optimizeDeps: { exclude: ['tanstack-query-builder'] },
   server: { port: 3000 },
   resolve: {