StyleX shorthand property validation inconsistency across build environments

[BMCwebdev]

Hey all.

So in my current project of integrating my design system component library (with StyleX) into a ESBuild built JS widget, I am noticing some inconsistency when it comes to shorthands.

Basically, right now when I try to run the build, it will error out and kill the build with an error:

❌ StyleX error in XXX/node_modules/@acmeInc/acme/dist/acme.js: XXX/node_modules/@acmeInc/acme/dist/acme.js: background is not supported. Use background-color, border-image etc. instead.
✘ [ERROR] XXX/node_modules/@acmeInc/acme/dist/acme.js: background is not supported. Use background-color, border-image etc. instead. [plugin stylex]

So, okay, that makes sense, I know StyleX would prefer this. However what is odd is that when I run a build in my NextJS app, I don't get this error, or even a warning. Further, the StyleX eslint plugin doesn't seem to have a problem with background: 'inherit', in the source code component library.

It's a good thing to catch, and I'll just clean up my component library, not blocking me or anything. Just thought I would share the finding.

[BMCwebdev]

Never mind, all the answers are here: https://stylexjs.com/blog/v0.14.0/