[fix] Make theme optional in Pigment CSS config (#108)

Author: brijeshb42

packages/pigment-css-react/src/utils/generateCss.ts

@@ -1,13 +1,16 @@
 import { serializeStyles } from '@emotion/serialize';
 import { Theme } from './extendTheme';
 
-export function generateTokenCss(theme: Theme) {
+export function generateTokenCss(theme?: Theme) {
+  if (!theme) {
+    return '';
+  }
   // use emotion to serialize the object to css string
   const { styles } = serializeStyles(theme.generateStyleSheets?.() || []);
   return styles;
 }
 
-export function generateThemeTokens(theme: Theme) {
+export function generateThemeTokens(theme?: Theme) {
   if (!theme || typeof theme !== 'object') {
     return {};
   }

packages/pigment-css-vite-plugin/src/index.ts

@@ -13,7 +13,7 @@ export interface PigmentOptions extends Omit<VitePluginOptions, 'themeArgs'> {
   /**
    * The theme object that you want to be passed to the `styled` function
    */
-  theme: Theme;
+  theme?: Theme;
 }
 
 const VIRTUAL_CSS_FILE = `\0zero-runtime-styles.css`;