[Bug Report] Vite CJS Node API deprecated, npm package mantine should be fixed at v6 at this moment

[hero-intelligent]

Checks

• I have searched the existing issues
• I have read the documentation
• Is it your first time sumbitting an issue

Current Behavior

 > [build-web 7/7] RUN pnpm build:
0.696 
0.696 > daed@v0.1.0 build /build
0.696 > vite build
0.696 
0.844 The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
0.883 vite v5.0.12 building for production...
0.905 transforming...
14.26 "createStyles" is not exported by "node_modules/.pnpm/@mantine+core@7.4.2_@mantine+hooks@7.4.2_@types+react@18.2.48_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs", imported by "node_modules/.pnpm/@mantine+prism@6.0.21_@mantine+core@7.4.2_@mantine+hooks@7.4.2_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/prism/esm/Prism/Prism.styles.js".
14.26 file: /build/node_modules/.pnpm/@mantine+prism@6.0.21_@mantine+core@7.4.2_@mantine+hooks@7.4.2_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/prism/esm/Prism/Prism.styles.js:1:9
14.26 1: import { createStyles, rem } from '@mantine/core';
14.26             ^
14.26 2: 
14.26 3: var useStyles = createStyles((theme, { colorScheme, native, maxLineSize, radius }) => ({
14.26 ✓ 7720 modules transformed.
14.26 error during build:
14.26 RollupError: "createStyles" is not exported by "node_modules/.pnpm/@mantine+core@7.4.2_@mantine+hooks@7.4.2_@types+react@18.2.48_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/core/esm/index.mjs", imported by "node_modules/.pnpm/@mantine+prism@6.0.21_@mantine+core@7.4.2_@mantine+hooks@7.4.2_react-dom@18.2.0_react@18.2.0/node_modules/@mantine/prism/esm/Prism/Prism.styles.js".
14.26     at error (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/parseAst.js:337:30)
14.26     at Module.error (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:12781:16)
14.26     at Module.traceVariable (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:13218:29)
14.26     at ModuleScope.findVariable (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:11635:39)
14.26     at Identifier.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:7217:40)
14.26     at CallExpression.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:4641:23)
14.26     at CallExpression.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:8854:15)
14.26     at VariableDeclarator.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:4641:23)
14.26     at VariableDeclaration.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:4637:28)
14.26     at Program.bind (file:///build/node_modules/.pnpm/rollup@4.9.6/node_modules/rollup/dist/es/shared/node-entry.js:4637:28)
14.34  ELIFECYCLE  Command failed with exit code 1.

Expected Behavior

No response

Steps to Reproduce

No response

Environment

• Daed version:
• OS (e.g cat /etc/os-release):
• Kernel (e.g. uname -a):
• Others:

Anything else?

No response

[dae-prow]

Thanks for opening this issue!

[hero-intelligent]

known issues:

https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated
vitejs/vite#13928
jotaijs/jotai-devtools#104

[hero-intelligent]

hero@debian:~/daeuniverse-duplicate/daed$ grep -r "createStyles" .
./src/components/Table.tsx:import { Box, Button, Group, Modal, createStyles } from '@mantine/core'
./src/components/Table.tsx:const useStyles = createStyles(() => ({
./src/components/Section.tsx:import { ActionIcon, Group, Stack, Title, createStyles } from '@mantine/core'
./src/components/Section.tsx:const useStyles = createStyles((theme) => ({
./src/components/Header.tsx:  createStyles,
./src/components/Header.tsx:const useStyles = createStyles((theme) => ({