build: upgrade version tailwind & daisyui

package.json

@@ -3,11 +3,14 @@
   "version": "1.0.0",
   "description": "BPW RW Application",
   "scripts": {
-    "build-css": "tailwindcss -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --watch",
-    "build": "tailwindcss -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --minify"
+    "build-css": "npx @tailwindcss/cli -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --watch",
+    "build": "npx @tailwindcss/cli -i ./wwwroot/css/input.css -o ./wwwroot/css/site.css --minify"
   },
   "devDependencies": {
-    "tailwindcss": "^3.4.10",
-    "daisyui": "^4.12.10"
+    "daisyui": "^5.1.26",
+    "tailwindcss": "^4.1.13"
+  },
+  "dependencies": {
+    "@tailwindcss/cli": "^4.1.13"
   }
 }

wwwroot/css/input.css

@@ -1,6 +1,8 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "daisyui";
+@plugin "daisyui/theme" {
+    name: 'light';
+}
 
 /* Custom styles untuk Bank Sampah App */
 @layer components {
@@ -93,4 +95,53 @@
       line-height: 1.1;
     }
   }
+}
+
+@theme {
+    --color-bpsrw-25: #EFFFF2;
+    --color-bpsrw-50: #D3E3D6;
+    --color-bpsrw-100: #B6D0BB;
+    --color-bpsrw-200: #91B998;
+    --color-bpsrw-300: #6DA276;
+    --color-bpsrw-400: #488A54;
+    --color-bpsrw-500: #247332;
+    --color-bpsrw-600: #1E602A;
+    --color-bpsrw-700: #184D21;
+    --color-bpsrw-800: #123919;
+    --color-bpsrw-900: #0C2611;
+}
+
+.menu-sidebar a:active,
+.menu-sidebar a.menu-active,
+.menu-sidebar details > summary:active,
+.menu-sidebar a:hover,
+.menu-sidebar details > summary:hover {
+    @apply bg-bpsrw-500 text-white border-b-[3px] border-bpsrw-600 font-semibold;
+}
+
+.menu-sidebar a:active,
+.menu-sidebar a.menu-active,
+.menu-sidebar details > summary:active {
+    @apply bg-bpsrw-500 text-white;
+}
+
+@utility icon {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  font-weight: normal;
+  font-size: 1.5rem; /* 24px default */
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  -webkit-font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+}
+
+@utility icon-outline {
+  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+}
+
+@utility icon-fill {
+  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
 }