Update purgeCss to whitelist data-bs-theme attribute (#3262)

Author: AndreasArvidsson

packages/app-web/vite.config.ts

@@ -3,7 +3,11 @@ import { defineConfig } from "vite";
 import purgeCss from "vite-plugin-purgecss";
 import svgr from "vite-plugin-svgr";
 import { CURSORLESS_ORG_URL } from "@cursorless/lib-common";
-import { viteHtmlParams, vitePreactAlias } from "@cursorless/lib-common/vite";
+import {
+  viteHtmlParams,
+  vitePreactAlias,
+  purgeCssOptions,
+} from "@cursorless/lib-common/vite";
 import {
   DESCRIPTION,
   TITLE,
@@ -33,7 +37,7 @@ export default defineConfig((): UserConfig => {
     },
 
     plugins: [
-      purgeCss({}),
+      purgeCss(purgeCssOptions),
       svgr(),
       viteHtmlParams({
         CURSORLESS_ORG_URL,

packages/lib-cheatsheet-local/vite.config.ts

@@ -3,7 +3,11 @@ import type { UserConfig } from "vite";
 import purgeCss from "vite-plugin-purgecss";
 import { viteSingleFile } from "vite-plugin-singlefile";
 import defaultCheatsheetInfo from "@cursorless/lib-cheatsheet/defaultSpokenForms";
-import { viteHtmlParams, vitePreactAlias } from "@cursorless/lib-common/vite";
+import {
+  purgeCssOptions,
+  viteHtmlParams,
+  vitePreactAlias,
+} from "@cursorless/lib-common/vite";
 
 export default defineConfig((): UserConfig => {
   return {
@@ -16,7 +20,7 @@ export default defineConfig((): UserConfig => {
     },
 
     plugins: [
-      purgeCss({}),
+      purgeCss(purgeCssOptions),
       viteSingleFile(),
       viteHtmlParams({
         FAKE_CHEATSHEET_INFO: JSON.stringify(defaultCheatsheetInfo),

packages/lib-common/src/tooling/purgeCssOptions.ts

@@ -0,0 +1,5 @@
+export const purgeCssOptions = {
+  safelist: {
+    greedy: [/data-bs-theme/],
+  },
+};

packages/lib-common/src/tooling/vite.ts

@@ -1,2 +1,3 @@
 export * from "./viteHtmlParamsPlugin";
 export * from "./vitePreactAlias";
+export * from "./purgeCssOptions";