csstype ColorAdjust is deprecated and causes error on build

Description

I expect to be able to compile my project using Vite. The project did not compile but instead I received the error message " Namespace ‘“/home/frank/git/chakra-ui-ColorAdjust-bug/node_modules/csstype/index”.Property’ has no exported member ‘ColorAdjust’."

Link to Reproduction

https://github.com/honungsburk/chakra-ui-coloradjust-bug

Steps to reproduce

1. Set up the repository I have linked
2. npm install
3. npm run build

should produce the errors:

node_modules/@chakra-ui/menu/dist/declarations/src/use-menu.d.ts:480:50 - error TS2694: Namespace '"/home/frank/git/chakra-ui-ColorAdjust-bug/node_modules/csstype/index".Property' has no exported member 'ColorAdjust'.

480         colorAdjust?: import("csstype").Property.ColorAdjust | undefined;
                                                     ~~~~~~~~~~~

node_modules/@chakra-ui/menu/dist/declarations/src/use-menu.d.ts:986:61 - error TS2694: Namespace '"/home/frank/git/chakra-ui-ColorAdjust-bug/node_modules/csstype/index".Property' has no exported member 'ColorAdjust'.

986         WebkitPrintColorAdjust?: import("csstype").Property.ColorAdjust | undefined;
                                                                ~~~~~~~~~~~

Chakra UI Version

1.8.6

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

Seems like if “ColorAdjust” is replaced with “PrintColorAdjust” everything compiles. I can update my node_modules/ manually until there is a real fix.

[iffa]

"resolutions": {
  "csstype": "3.0.10"
}

Adding this to package.json should act as a workaround to the issue for now.

[shadyaziza]

Having the same issue using yarn build, I am also using Vite.