Scope type not being changed when using comment on external file

[lgmf]

Do you want to request a feature or report a bug?

report a bug

What is the current behavior?

The type is being ignored when set per individual CSS file via CSS comment like /* @styled-jsx=<type>*/ when using custom babel and webpack config.

This happens only for the production build (it works in dev mode).

What is the expected behavior?

Set the scope type per CSS file when it has a comment with /* @styled-jsx=<type> */

Environment

• Version: next@11, node@14.19,3, npm@6.14.17
• Browser: Chrome
• OS: Mac

Basically, I have this style that's supposed to be global

/* @styled-jsx=global */
*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

body {
  margin: 0;
}

p {
  font-size: 48px;
  font-weight: bold;
}

• On Dev:
  

• On Prod:
  

Here's the link to the sample project to reproduce the bug: https://github.com/lgmf/next-styled-jsx-global-bug

Did this work in previous versions?

Yes