refactor(web): extract design tokens to tokens.json source of truth

The Flutter client (#356) needs to consume the same FabledSword tokens
the web SPA uses. Move the data into a structured tokens.json file and
generate tokens.generated.css from it on every Vite build. The Flutter
side gets its own generator pointed at the same JSON.

No visual change — generated CSS matches the previous hand-written file.

Also installs @types/node devDependency: tsconfig already declared
"types": ["node"] but no Node builtins were referenced in TS until now,
so the missing types were latent. The new vite.config.ts plugin imports
node:child_process, surfacing the gap.

This commit is contained in:

Bryan Van Deusen

2026-05-02 14:55:46 -04:00

parent 261c2c4301

commit ea22807a3f

8 changed files with 94 additions and 55 deletions

									
										web/src/app.css
									
		+1
		-1
	
												View File
												
				@@ -1,4 +1,4 @@

				@import './lib/styles/fabledsword-tokens.css';

				@import './lib/styles/tokens.generated.css';

				@tailwind base;

				@tailwind components;