feat: ✨ upgrade to tailwind v4

src/css/style.css

@@ -1,8 +1,16 @@
-@import url(modules/callouts.css);
+@import 'tailwindcss';
+@import './modules/callouts.css' layer(base);
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@plugin '@tailwindcss/typography';
+@plugin 'tailwindcss-safe-area';
+
+@theme {
+  --grid-template-rows-article-header: 1fr auto 0;
+
+  --min-height-128: 32rem;
+  --min-height-160: 40rem;
+  --min-height-192: 48rem;
+}
 
 :root {
   --font-copy: 'Encode Sans', sans-serif;
@@ -64,12 +72,12 @@ summary {
 
 dl {
   dt {
-    @apply !font-normal !text-sky-600 dark:!text-sky-300;
+    @apply font-normal! text-sky-600! dark:text-sky-300!;
     font-family: var(--font-heading);
   }
 
   code {
-    @apply !text-sky-800 dark:!text-sky-500;
+    @apply text-sky-800! dark:text-sky-500!;
   }
 }