Plumeria 0.28.0

Current API: css.props() is now css.use() (9.0.0); see classStyle & use().

v0.28.x - Major Improvements #262

🔧 Bug Fixes

Fixed atomic styles overriding each other with @layer support for next dev environment

In the case below, there was no need to use @layer, but in this case of next-plugin (webpack-plugin), it was necessary to use it because separate components are compiled.

Production environment ( reduce bundle size and reordered by plugin postcss and lightningcss )
Vite environment ( this cases is client injection only so it was already under controled )

✨ API Improvements and change update

Renamed rx → x for better ergonomics and clarity:

// Before
<div {...rx(css.props(styles.bar), { '--width': state + 'px' })} />

// After  
<div {...x(css.props(styles.bar), { '--width': state + 'px' })} />