we have to use tailwind's base.css otherwise some of the styles are broken

but this resets h1,h2,h3…, which we don't want. So let's remove that particular declaration (dirty for now)

(for instance, `focus:ring-2 focus:ring-purple-600 focus:ring-offset-2`)

Author: Fil

src/client/tailwind.css

@@ -1,3 +1,3 @@
-/* @import "tailwindcss/base"; */
+@import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";

src/rollup.ts

@@ -59,6 +59,10 @@ export async function bundleStyles({
   });
   let text = result.outputFiles[0].text;
   if (path === getClientPath("stdlib/inputs.css")) text = rewriteInputsNamespace(text);
+  // dirty patch for tailwind: remove margin:0 and styles resets for headers
+  // etc. It should probably be a tailwind plugin instead.
+  if (path === getClientPath("tailwind.css"))
+    text = text.replaceAll(/}[^{]*h1,\n*h2,\n*h3,\n*h4,\n*h5,\n*h6[^}]+}\s*/g, "}");
 
   return text;
 }