Merge pull request #617 from washingtonpost/boop2

fix: remove global styles from wpds-tokens

ui/tokens/scripts/build.mjs

@@ -1,25 +1,23 @@
 import React from "react";
 import { renderToString } from "react-dom/server.js";
-import { getCssText, globalStyles, darkModeGlobalStyles, darkTheme } from "@washingtonpost/wpds-theme";
+import { getCssText, darkTheme } from "@washingtonpost/wpds-theme";
 import fs from "fs";
 
 // eslint-disable-next-line testing-library/render-result-naming-convention
 const css = renderToString(
-    React.createElement("style", {
-        dangerouslySetInnerHTML: { __html: getCssText() }
-    })
+  React.createElement("style", {
+    dangerouslySetInnerHTML: { __html: getCssText() },
+  })
 );
 
+// Needed in order for the react render (with stitches) to generate the dark color tokens
 // eslint-disable-next-line testing-library/render-result-naming-convention
 const div = renderToString(
-    React.createElement("div", {
-        className: darkTheme
-    })
+  React.createElement("div", {
+    className: darkTheme,
+  })
 );
 
-globalStyles();
-darkModeGlobalStyles();
-
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const template = `
     ${css}