chore: update PostCSS with Tailwind CSS intergation and adjust dependencies

app/build.ts

@@ -138,6 +138,12 @@ async function buildUi() {
       watch: false,
       dts: false,
       define,
+      css: {
+         transformer: "postcss",
+         postcss: "postcss.config.js",
+         minify: true,
+         splitting: false
+      },
       deps: {
          neverBundle: [
             ...neverBundle,

app/package.json

@@ -94,7 +94,7 @@
     "@standard-schema/spec": "^1.0.0",
     "@tabler/icons-react": "3.35.0",
     "@tailwindcss/postcss": "^4.2.2",
-    "@tailwindcss/vite": "^4.2.2",
+    "@tailwindcss/vite": "^4.2.4",
     "@tanstack/react-store": "^0.8.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -103,7 +103,7 @@
     "@types/pg": "^8.15.6",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@vitejs/plugin-react": "^5.2.0",
     "@vitest/coverage-v8": "3.0.9",
     "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
@@ -120,6 +120,7 @@
     "openapi-types": "^12.1.3",
     "pg": "^8.16.3",
     "postcss": "^8.5.8",
+    "postcss-import": "^16.1.1",
     "postcss-preset-mantine": "^1.18.0",
     "postcss-simple-vars": "^7.0.1",
     "postgres": "^3.4.7",
@@ -132,14 +133,13 @@
     "sql-formatter": "^15.6.10",
     "sqlocal": "^0.16.0",
     "tailwind-merge": "^3.0.2",
-    "tailwindcss": "^4.2.2",
+    "tailwindcss": "^4.2.4",
     "tailwindcss-animate": "^1.0.7",
     "tsdown": "^0.21.10",
     "tsx": "^4.21.0",
     "uuid": "^13.0.0",
-    "vite": "^7.3.1",
+    "vite": "^8.0.10",
     "vite-plugin-circular-dependency": "^0.5.0",
-    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "3.0.9",
     "wouter": "^3.7.1",
     "wrangler": "^4.78.0"

app/src/ui/Admin.tsx

@@ -1,6 +1,6 @@
 import { MantineProvider } from "@mantine/core";
 import { Notifications } from "@mantine/notifications";
-import React, { type ReactNode } from "react";
+import { type ReactNode } from "react";
 import { BkndProvider } from "ui/client/bknd";
 import { useTheme, type AppTheme } from "ui/client/use-theme";
 import { Logo } from "ui/components/display/Logo";

app/vite.config.ts

@@ -1,13 +1,17 @@
 import devServer from "@hono/vite-dev-server";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 import { devServerConfig } from "./src/adapter/vite/dev-server-config";
-import tailwindcss from "@tailwindcss/vite";
+import tailwindcss from '@tailwindcss/postcss'
 import pkg from "./package.json" with { type: "json" };
 
 // https://vitejs.dev/config/
 export default defineConfig({
+    css: {
+      postcss: {
+        plugins: [tailwindcss()],
+      },
+    },
    define: {
       __isDev: process.env.NODE_ENV === "production" ? "0" : "1",
       __version: JSON.stringify(pkg.version),
@@ -21,23 +25,21 @@ export default defineConfig({
          overlay: true,
       },
    },
+   resolve: {
+      tsconfigPaths: true
+   },
    plugins: [
       react(),
-      tsconfigPaths({
-         // otherwise it'll throw an error because of examples/astro
-         ignoreConfigErrors: true,
-      }),
       devServer({
          ...devServerConfig,
          entry: "./vite.dev.ts",
          //entry: "./vite.dev.code.ts",
       }),
-      tailwindcss(),
    ],
    build: {
       manifest: true,
       outDir: "./dist/static",
-      rollupOptions: {
+      rolldownOptions: {
          input: "./src/ui/main.tsx",
       },
    },