Modal and Dialog not working

[D-Lite]

Bug report

Modal and Dialog not working in the new releases

Describe the bug

Error Note: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'color')

To reproduce

1. Go to the simple modal page https://github.com/chakra-ui/chakra-ui-vue-next/blob/develop/packages/c-modal/examples/modal-simple.vue
2. Try out the example on the page

Minimal reproduction

Codesandbox reproducible page: https://codesandbox.io/s/stupefied-frost-58rg3p?file=/src/App.vue

Official Chakra CodeSandbox templates:

• JavaScript CodeSandbox template
• TypeScript CodeSandbox template

Expected behavior

A modal / dialog should open up easily. Just like on this page: https://chakra-ui.com/docs/components/modal/usage

System information

• OS: [Windows]
• Browser (if applies): [Chrome]
• Version of @chakra-ui/vue-next
• Version of Node.js: [e.g. 20]