milestone 23 s1: stylex build integration, tokens and shared styles

web/vite.config.ts

@@ -1,11 +1,16 @@
 /// <reference types="vitest/config" />
 import { fileURLToPath } from "node:url";
+import stylex from "@stylexjs/unplugin";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 
-export default defineConfig({
-	plugins: [react(), tailwindcss()],
+export default defineConfig(({ mode }) => ({
+	plugins: [
+		stylex.vite({ useCSSLayers: true, dev: mode === "development", runtimeInjection: false }),
+		react(),
+		tailwindcss(),
+	],
 	resolve: {
 		alias: {
 			"@": fileURLToPath(new URL("./src", import.meta.url)),
@@ -21,4 +26,4 @@ export default defineConfig({
 		environment: "jsdom",
 		globals: true,
 	},
-});
+}));