[babel-plugin] Support ESM module resolution

[sergiocarneiro]

Describe the feature request

The web is moving away from CommonJS, and StyleX is currently the only reason I still need to distribute my libraries in CommonJS.

Tooling gets significantly simpler once I can drop CommonJS support, so I’m hoping you can support ESM soon—if it doesn’t introduce too much complexity on your side.

[
  "@stylexjs/babel-plugin",
  {
    unstable_moduleResolution: {
      type: "ESM"
    }
  }
]

Looking forward, thanks!

[necolas]

Are you encountering a specific issue?

The docs - https://stylexjs.com/docs/api/configuration/babel-plugin/ - are confusing because they say to use commonJS for ESModules. So I think it already works, but the API is confusing. It will get refactored at some point

[sergiocarneiro]

Are you encountering a specific issue?

I'm not able to get the babel/postcss plugins to work with my Vite setup, and since this developer mentioned issues as well until he split the configuration into dedicated cjs files .babelrc.cjs and postcss.config.cjs, and I've had other issues in the past integrating commonjs packages in this setup, so I thought it could be a potential cause.

But the issue does not directly mention commonjs, so you may be right, it may be already working with ESM. The issue is the typical:

Unexpected 'stylex.create' call at runtime. Styles must be compiled by '@stylexjs/babel-plugin'.