Nano Css split

[owjs3901]

What is the best method to split CSS?

Maybe using a bundler that has a feature to merge CSS could build the best result.

// width 100%
import "../df/a.css"
// bg red
import "../df/b.css"

const a = <Box w="100%" bg="red" />

The CSS files will be merged by the bundler, and class names can stay consistent based on the same property keys and values,
without being changed by the file name.