✨ update tailwind

assets/styles/app.css

@@ -1,7 +1,28 @@
 @import 'tailwindcss';
 
-@plugin 'flowbite/plugin';
+@import "flowbite/src/themes/default";
+@plugin "flowbite/plugin";
 
 @source '../../vendor/tales-from-a-dev/flowbite-bundle/templates/**/*.html.twig';
+@source "../node_modules/flowbite";
 
 @custom-variant dark (@media (prefers-color-scheme: dark));
+
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+    *,
+    ::after,
+    ::before,
+    ::backdrop,
+    ::file-selector-button {
+        border-color: var(--color-gray-200, currentColor);
+    }
+}

package-lock.json

@@ -5,7 +5,8 @@
   "packages": {
     "": {
       "dependencies": {
-        "flowbite": "^3.0.0"
+        "flowbite": "^3.1.2",
+        "tailwindcss": "^4.0.8"
       }
     },
     "node_modules/@popperjs/core": {
@@ -285,6 +286,12 @@
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.8.tgz",
+      "integrity": "sha512-Me7N5CKR+D2A1xdWA5t5+kjjT7bwnxZOE6/yDI/ixJdJokszsn2n++mdU5yJwrsTpqFX2B9ZNMBJDwcqk9C9lw==",
+      "license": "MIT"
     }
   }
 }

package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
-    "flowbite": "^3.0.0"
+    "flowbite": "^3.1.2",
+    "tailwindcss": "^4.0.8"
   }
 }