fix(tokens): prepend fonts

packages/celeste-tokens/src/declarations.d.ts

@@ -1,13 +1,13 @@
 declare module 'style-dictionary' {
-  declare class StyleDictionary {
+  class StyleDictionary {
     constructor(config: any);
     cleanAllPlatforms(): void;
     buildAllPlatforms(): void;
   }
 
-  export = StyleDictionary;
+  export default StyleDictionary;
 }
 
 declare module '@tokens-studio/sd-transforms' {
-  function register(sd: StyleDictionary): void;
+  function register(sd: any): void;
 }

packages/celeste-tokens/src/generate.ts

@@ -1,3 +1,5 @@
+/* eslint-disable antfu/no-top-level-await */
+import { readFileSync, writeFileSync } from 'node:fs';
 import { join, resolve } from 'node:path';
 import { register } from '@tokens-studio/sd-transforms';
 import StyleDictionary from 'style-dictionary';
@@ -6,6 +8,17 @@ const dist = `${resolve(import.meta.dirname, '..', 'dist')}/`;
 
 register(StyleDictionary);
 
+// TODO: use a custom fonts cdn
+
+const fonts = `
+@import url('https://fonts.googleapis.com/css2?family=Cairo:[email protected]&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+`;
+
+function prependFonts(path: string): void {
+  const data = readFileSync(path, 'utf8');
+  writeFileSync(path, fonts + data, 'utf8');
+}
+
 const sd = new StyleDictionary({
   source: [join(import.meta.dirname, 'tokens/**/*.json')],
   log: {
@@ -44,5 +57,8 @@ const sd = new StyleDictionary({
   },
 });
 
-sd.cleanAllPlatforms();
-sd.buildAllPlatforms();
+await sd.cleanAllPlatforms();
+await sd.buildAllPlatforms();
+
+prependFonts(resolve(dist, 'tokens.css'));
+prependFonts(resolve(dist, 'tokens.scss'));

packages/celeste-tokens/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "NodeNext",
+    "moduleResolution": "nodenext"
+  },
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}