Using build-time theming with NextJS

[Bergmam]

Hi,

I am trying to apply build-time theming in my NextJS project, but after generating my themed folder as such:

buildThemedComponents({
  theme,
  outputDir: join(__dirname, './themed'),
})

I run into the following error when trying to import the components from ./theme/themed/components:

./theme/themed/components/alert/actions-wrapper/styles.scoped.css
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global
Location: theme/themed/components/alert/actions-wrapper/styles.css.js

How would I go about allowing NextJS to include the themed component css files?

I have been following the NextJS-specific instructions here: https://cloudscape.design/get-started/integration/using-cloudscape-components/
as well as followed the previous discussion here: #954

[just-boris]

Seems related to this issue in Next: vercel/next.js#39516

Please follow up with Next community, it is outside our capabilities to work around their limitations