Wrapping MUI components with styled not working in pigment with vite after version 0.0.20

[yishay-at-bay]

Steps to reproduce

Steps:

1. Create a new vite project with: yarn create vite vite-app --template react-ts (vite v5 or v6, yarn v1)
2. install versions 0.0.28 of @pigment-css/react, pigment-css/vite-plugin and @mui/material v6
3. define a StyledButton with:

   import { Button } from "@mui/material";
   import { styled } from "@pigment-css/react";
   
   const CustomButton: React.FC = () => {
     return <StyledButton>Click it</StyledButton>;
   };
   
   const StyledButton = styled(Button)(() => ({
     color: "green",
     backgroundColor: "orange",
   }));
   
   export default CustomButton;
   

Current behavior

When using @pigment-css/react and pigment-css/vite-plugin after version 0.0.20 I get the a lot of errors like:
Internal server error: node_modules/@mui/material/Tooltip/Tooltip.js Cannot read properties of undefined (reading 'vars')
Internal server error: /node_modules/@mui/material/Typography/Typography.js: Cannot read properties of undefined (reading 'typography')

Expected behavior

Latest versions (currently from 0.0.21 - 0.0.28) should work like version 0.0.20 or earlier

Context

No response

Your environment

No response

Search keywords: pigment vite version 0.0.20