nextjs + SASS

markup.html

<div class="test___1F_O8 we-test-this-class">Test<div class="best___56sMK">Best</div></div>

style.scss

$stat-font-size: 2.5rem;

.fontStyle {
  font-size: $stat-font-size;
}

styles.chunk.css

.fontStyle___2LBZd {
  font-size: 2.5rem; }

.test___1F_O8 {
  background-color: burlywood; }
  .test___1F_O8 .best___56sMK {
    background-color: cornflowerblue; }


/*# sourceMappingURL=styles.chunk.css.map*/

test-page.js

import cn from 'classnames'
import globalStyles from 'assets/scss/style.scss'
import styles from './test-page.scss'

export default class TestPage extends React.Component {
    render() {
        return (
            <div className={cn(styles.test, globalStyles.fontStyle, 'we-test-this-class')}>
                Test
                <div className={styles.best}>Best</div>
            </div>
        )
    }
}

test-page.scss

.test {
  background-color: burlywood;

  .best {
    background-color: cornflowerblue;
  }
}