fix: add inline processing for borderWidth, borderColor, borderStyle to valid-shorthands

[mellyeliu]

Context

When using the preferInline config, we were expanding margin/padding to equivalent inline logical properties. However, we overlooked applying the same transform to certain border properties.

The change introduced here extends the inline logical transformation to border properties (specifically borderWidth, borderStyle, and borderColor) by applying the same logic used for margin and padding. We take the output from css-shorthand-expand and apply a transform to the physical properties returned.

Testing

Added test expansions for borderWidth, borderStyle, and borderColor with preferInline set to default (false) and true

Pre-flight checklist

• I have read the contributing guidelines
  Contribution Guidelines
• Performed a self-review of my code

[github-actions]

workflow: benchmarks/size

Comparison of minified (terser) and compressed (brotli) size results, measured in bytes. Smaller is better.

@stylexjs/[email protected] size:compare
./size-compare.js /tmp/tmp.MBxhOCjb3a /tmp/tmp.WgVtxIO6hd

Results	Base	Patch	Ratio
stylex/lib/stylex.js
· compressed	729	729	1.00
· minified	2,541	2,541	1.00
stylex/lib/StyleXSheet.js
· compressed	1,266	1,266	1.00
· minified	3,776	3,776	1.00
rollup-example/.build/bundle.js
· compressed	567,110	567,110	1.00
· minified	10,232,512	10,232,512	1.00
rollup-example/.build/stylex.css
· compressed	100,626	100,626	1.00
· minified	757,176	757,176	1.00

[necolas]

We should include borderRadius too. Is there anything else? Where is the configuration for enabling this for padding and margin located? Do we know if OSS users get consistent behavior across properties (it should default for physical properties for every shorthand)

[mellyeliu]

These are the supported properties, I believe it's just these that are directional:

borderColor
borderWidth
borderStyle
borderRadius
margin
padding
marginBlock
marginInline
paddingBlock
paddingInline

And these that are left as is: (ie. we won't modify anything existing with physical properties, just expand them as is)
borderTop
borderRight
borderBottom
borderLeft
background
font
outline

There's a global config preferInline that's set when configuring the lint rule; it's default false for all properties, so by default all properties use physical properties when this config is not set.