sassOptions
sassOptions allow you to configure the Sass compiler.
next.config.ts
import type { NextConfig } from 'next' const sassOptions = { additionalData: ` $var: red; `, } const nextConfig: NextConfig = { sassOptions: { ...sassOptions, implementation: 'sass-embedded', }, } export default nextConfigGood to know:
sassOptionsare not typed outside ofimplementationbecause Next.js does not maintain the other possible properties.- The
functionsproperty for defining custom Sass functions is only supported with webpack. When using Turbopack, custom Sass functions are not available because Turbopack's Rust-based architecture cannot directly execute JavaScript functions passed through this option.
Was this helpful?