♻️(react) split fonts in a seperate CSS file

Fonts were de-facto included in the bundled dist/style.css file which
wasn't convenient in situations were consumers wanted to import fonts
by themselves.

packages/react/vite.fonts.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from "vitest/config";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    emptyOutDir: false,
+    outDir: "dist",
+    lib: {
+      entry: {
+        fonts: "./src/fonts.scss",
+      },
+      formats: ["es"],
+    },
+    rollupOptions: {
+      input: "src/fonts.scss",
+      output: {
+        assetFileNames: "fonts.css",
+      },
+    },
+  },
+});