Write script and test to generate typography ts code

Author: garronej

src/bin/css_to_ts/css_to_ts.ts

@@ -2,6 +2,7 @@ import { generateBreakpointsTsCode } from "./breakpoints";
 import { generateGetColorDecisionsTsCode } from "./colorDecisions";
 import { generateGetColorOptionsTsCode } from "./colorOptions";
 import { getProjectRoot } from "../tools/getProjectRoot";
+import { generateTypographyTsCode } from "./typography";
 import * as fs from "fs";
 import { join as pathJoin, basename as pathBasename, relative as pathRelative } from "path";
 
@@ -60,3 +61,8 @@ fs.writeFileSync(
     pathJoin(generatedDirPath, "breakpoints.ts"),
     Buffer.from([warningMessage, ``, generateBreakpointsTsCode(rawCssCode)].join("\n"), "utf8")
 );
+
+fs.writeFileSync(
+    pathJoin(generatedDirPath, "typography.ts"),
+    Buffer.from([warningMessage, ``, generateTypographyTsCode(rawCssCode)].join("\n"), "utf8")
+);

src/bin/css_to_ts/typography.ts

@@ -106,8 +106,7 @@ function matchSelector(selector: string): boolean {
 }
 
 export function generateTypographyTsCode(rawCssCode: string): string {
-    const typographyVariants = parseBreakpointsValues(rawCssCode);
+    const typographyVariants = parseTypographyVariants(rawCssCode);
 
-    //TODO
-    return "const typography= " + JSON.stringify(typographyVariants, null, 2);
+    return `export const typography = ${JSON.stringify(typographyVariants, null, 4)} as const;`;
 }