multiple themes are not getting bundled for production

[dannylin108]

I can successfully load multiple themes dynamically as per documentation with await getTheme(themeName).

https://panda-css.com/docs/guides/multiple-themes

But after building static site with astro or vite, it doesn't work: by default I'm getting this:

GET http://localhost:4173/assets/theme2.json net::ERR_ABORTED 404 (Not Found)

But if I manually copy styled-system/themes/*.json to dist/assets/, I'm getting this:

Failed to load module script: Expected a JavaScript module script but the server
responded with a MIME type of "application/json".
Strict MIME type checking is enforced for module scripts per HTML spec.

[dannylin108]

I posted an issue #2953

Meanwhile there's a workaround: manually rename all themes jsons from styled-system/themes to have a static beginning like theme-SomeName.json, and correct index.mjs :

export const getTheme = (themeName) => import(`./theme-${themeName}.json`).then((m) => m.default)