module.exports = {
  sassOptions: {
    includePaths: [path.join(__dirname, 'styles')],
  },
}
Sass Variables
Next.js supports Sass variables exported from CSS Module files.
For example, using the exported primaryColor Sass variable:
app/variables.module.scss $primary-color: #64ff00;
 
:export {
  primaryColor: $primary-color;
}
app/page.js // maps to root `/` URL
 
import variables from './variables.module.scss'
 
export default function Page() {
  return <h1 style={{ color: variables.primaryColor }}>Hello, Next.js!</h1>
}