Split out tailwind css into multiple files for reload perf

assets/global.css

@@ -1,6 +1,4 @@
 @import './font.css';
-@tailwind base;
-@tailwind components;
 
 :root {
   /* Spacing variables */
@@ -190,5 +188,3 @@ body {
 a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
-@tailwind utilities;

assets/tailwind.css

@@ -0,0 +1,2 @@
+@tailwind base;
+@tailwind components;

assets/utils.css

@@ -0,0 +1 @@
+@tailwind utilities;

pages/_app.tsx

@@ -1,6 +1,8 @@
 import { FC } from 'react'
 import type { AppProps } from 'next/app'
 import '@assets/global.css'
+import '@assets/tailwind.css'
+import '@assets/utils.css'
 
 const Noop: FC = ({ children }) => <>{children}</>