feat: update to tailwindcss v4

Author: drawbu

flake.nix

@@ -79,7 +79,7 @@
             tags = [ "production" ];
             nativeBuildInputs = with pkgs; [
               templ
-              tailwindcss
+              tailwindcss_4
               makeWrapper
             ];
             preBuild =
@@ -105,7 +105,7 @@
                     i: "install -D ${font}/share/fonts/woff2/iosevka-comfy-fixed-normal${elemAt targets i}upright.woff2 static/dist"
                   ) (length targets)
                 )}
-                tailwindcss -i static/style.css -o static/dist/style.css
+                tailwindcss -i static/style.css -o static/dist/style.css -m
               '';
           };
 

static/style.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 @font-face {
     font-family: "Iosevka Comfy";
@@ -23,6 +21,14 @@
     src: url("/iosevka-comfy-fixed-normalextraboldupright.woff2") format("woff2");
 }
 
+@theme {
+    --font-body: "Iosevka Comfy", "sans-serif";
+    --font-display: "Iosevka Comfy", "sans-serif";
+    --font-mono: "Iosevka Comfy", "sans-serif";
+    --font-sans: "Iosevka Comfy", "sans-serif";
+    --font-serif: "Iosevka Comfy", "sans-serif";
+}
+
 html {
     @apply text-lg
 }