Not compiled mixin from global styles.

app/
├── configs/
│ └── mixins.scss
│── globals.scss

Mixins from global styles are not compiled.

If styles are imported from the header component, the mixins are imported and work. What is the problem and how to import mixins from the global style.

globals.scss
@import 'configs/grid';

next.config.js
`const path = require(‘path’)

 module.exports = {
 sassOptions: {
 includePaths: [path.join(__dirname, 'app/globals.scss')],
 },
 }`

Try import from globals.scss but not working.