build: update tailwind and daisyui to beta versions (#450)

* build: update tailwind and daisyui to beta versions

* build: delete unused dependencies

* build: move deps to correct place

apps/client/package.json

@@ -52,12 +52,10 @@
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-unicorn": "^55.0.0",
     "msw": "^1.3.3",
-    "postcss": "^8.4.41",
-    "postcss-nesting": "13.0.0",
     "prettier": "3.4.1",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "standard-version": "^9.5.0",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "4.0.0-beta.9",
     "typescript": "^5.7.2",
     "vite": "^6.0.1",
     "vite-plugin-pwa": "^0.21.1",
@@ -70,8 +68,9 @@
     "@react-router/node": "^7.1.1",
     "@react-router/serve": "^7.1.1",
     "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "4.0.0-beta.9",
     "@vanilla-extract/css": "^1.15.5",
-    "daisyui": "^4.12.14",
+    "daisyui": "5.0.0-beta.1",
     "dexie": "^4.0.8",
     "dexie-react-hooks": "^1.1.7",
     "isbot": "^5",

apps/docs/src/index.css

@@ -1,3 +1,63 @@
+@import 'tailwindcss';
+
+@plugin "daisyui" {
+  logs: true;
+  root: ':root';
+  include: button, badge, input, card;
+  exclude: badge;
+  themes:
+    light --default,
+    dark --prefersdark,
+    cupcake;
+}
+
+@plugin "daisyui/theme" {
+  name: 'my-theme';
+  default: false;
+  prefersdark: false;
+  color-scheme: light;
+  --color-base-100: oklch(98% 0.02 240);
+  --color-base-200: oklch(95% 0.03 240);
+  --color-base-300: oklch(92% 0.04 240);
+  --color-base-content: oklch(20% 0.05 240);
+
+  --color-primary: oklch(55% 0.3 240);
+  --color-primary-content: oklch(98% 0.01 240);
+
+  --color-secondary: oklch(70% 0.25 200);
+  --color-secondary-content: oklch(98% 0.01 200);
+
+  --color-accent: oklch(65% 0.25 160);
+  --color-accent-content: oklch(98% 0.01 160);
+
+  --color-neutral: oklch(50% 0.05 240);
+  --color-neutral-content: oklch(98% 0.01 240);
+
+  --color-info: oklch(70% 0.2 220);
+  --color-info-content: oklch(98% 0.01 220);
+
+  --color-success: oklch(65% 0.25 140);
+  --color-success-content: oklch(98% 0.01 140);
+
+  --color-warning: oklch(80% 0.25 80);
+  --color-warning-content: oklch(20% 0.05 80);
+
+  --color-error: oklch(65% 0.3 30);
+  --color-error-content: oklch(98% 0.01 30);
+
+  --radius-selector: 1rem;
+  --radius-field: 0.5rem;
+  --radius-box: 2rem;
+
+  --size-selector: 0.25rem;
+  --size-field: 0.25rem;
+
+  --border: 1px;
+
+  --depth: 0;
+  --noise: 0;
+}
+
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
   line-height: 1.5;

apps/docs/vite.config.ts

@@ -1,7 +1,8 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [tailwindcss(), react()],
 });