@@ -0,0 +1,24 @@
1+import type { Handle } from "@sveltejs/kit";
2+import globalCss from "../static/global.css?raw";
3+import colorsCss from "../static/colors.css?raw";
4+import typographyCss from "../static/typography.css?raw";
5+
6+const inlineTag = `<style>${globalCss}\n${colorsCss}\n${typographyCss}</style>`;
7+
8+const linkRegex =
9+  /<link[^>]*href="[^"]*(?:global|colors|typography)\.css"[^>]*>/g;
10+
11+export const handle: Handle = async ({ event, resolve }) => {
12+  return resolve(event, {
13+    transformPageChunk: ({ html }) => {
14+      let first = true;
15+      return html.replace(linkRegex, () => {
16+        if (first) {
17+          first = false;
18+          return inlineTag;
19+        }
20+        return "";
21+      });
22+    },
23+  });
24+};