Babel plugin should process require('styled-jsx/css')

[jaydenseric]

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

Bug.

What is the current behavior?

The styled-jsx/babel Babel plugin only processes import statements with the styled-jsx/css specifier, and does not process the equivalent require expressions for when styled-jsx is used within CJS scripts.

The problem location in the code where only import declarations are visited for processing is here:

styled-jsx/src/babel-external.js

Line 131 in eac1703

ImportDeclaration(path, state) {

If the current behavior is a bug, please provide the steps to reproduce and possibly a minimal demo or testcase in the form of a Next.js app, CodeSandbox URL or similar

Working ESM:

Babel REPL.

Not working CJS:

Babel REPL.

What is the expected behavior?

styled-jsx should be usable within a CJS script, meaning the styled-jsx/babel Babel plugin should process require expressions with a styled-jsx/css path.

Environment (include versions)

• styled-jsx (version): v3.3.2

Did this work in previous versions?

No.