css-modules-styled-components

form.jsx

import { Label } from './label.scss'; 

export default function Form({ fields }) {
  return fields.map(field => <div>
    <Label color="red" highlighted>{field}</Label>
		<input type="text" />
   </div>)
}

label.scss

.Label {
  font-size: 18px;
  
  &-highlighted {
   background: yellow; 
  }
  
  &-color-red {
    color: red;
  }
}

• ignore collapsing style props;
• warn for unknown style prop;
• style prop can be only primitives

Advantages

• CSS hot reload and/or separate bundle
• Control CSS injection manually