Use static classnames within module.css

[viztor]

I need to build upon a external component, and I need to customzie its style. Ideally, I should wrap that external component in a customized class, but at least right now, it is impossible to change the style of its children because the classnames are automatically hashed, and does not have a static name which the external library uses.

If I were to import the .scss file in that component, next.js will alert me that I have to import global css in _app.jsx

My current solution is to add that customized style sheet to _app.jsx. It works but isn't ideal. That stylesheet is relevant to that component only, and shouldn't be considered "global"