chore: update deps

app/root.tsx

@@ -1,6 +1,5 @@
-import type { LinksFunction, MetaFunction } from "react-router";
+import type { MetaFunction } from "react-router";
 import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router";
-import "@fontsource-variable/inter";
 import { ExternalScripts } from "remix-utils/external-scripts";
 
 import { LiveDataProvider } from "~/utils/live-data";
@@ -9,7 +8,8 @@ import ToastProvider from "~/utils/toast-provider";
 import type { Route } from "./+types/root";
 import { ErrorBanner } from "./components/error-banner";
 
-import stylesheet from "~/tailwind.css?url";
+import "@fontsource-variable/inter/wght.css";
+import "./tailwind.css";
 
 export const meta: MetaFunction = () => [
   { title: "Headplane" },
@@ -19,8 +19,6 @@ export const meta: MetaFunction = () => [
   },
 ];
 
-export const links: LinksFunction = () => [{ rel: "stylesheet", href: stylesheet }];
-
 export function Layout({ children }: { readonly children: React.ReactNode }) {
   // LiveDataProvider is wrapped at the top level since dialogs and things
   // that control its state are usually open in portal containers which

app/tailwind.css

@@ -7,7 +7,7 @@
 
   --height-editor: calc(100vh - 20rem);
 
-  --font-sans: Inter, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
+  --font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, sans-serif;
 
   --transition-duration-25: 25ms;
   --transition-duration-50: 50ms;