Carbon SCSS mixins can't be used in CSS Modules when Webpack's css-loader is using "pure" modules - Githubissues

mattrosno / carbon-platform

carbon-platform-git-main.mattrosno.vercel.app

0 stars 0 forks source link

Carbon SCSS mixins can't be used in CSS Modules when Webpack's css-loader is using "pure" modules #7

Open mattrosno opened 3 years ago

mattrosno commented 3 years ago

Carbon Gatsby theme MDX components use CSS Modules, that import Carbon mixins. Carbon mixins call reset CSS which throw Next.js errors similar to:

CssSyntax error: Selector "a" is not pure (pure selectors must contain at least one local class or id) (37:0)

https://github.com/vercel/next.js/issues/10475#issuecomment-583984793

I tried updating Next.js PostCSS config with no luck

https://github.com/vercel/next.js/issues/10142#issuecomment-648974042

I could probably override Next.js default Webpack config