We have seen using SCSS modules to add scoped styles to React components works quite well in Astro. Typically, you define a side module file which defines the styling. Then you import the styles into your React component file. You can import all the styles as a default import, then take the classes from that styles object. For kebab-case class names, just use the JavaScript field bracket notation.