sassOptions

sassOptionsを使用すると、Sass コンパイラを設定できます。

TypeScript

next.config.ts

import type { NextConfig } from 'next'

const sassOptions = {
  additionalData: `
    $var: red;
  `,
}

const nextConfig: NextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}

export default nextConfig

JavaScript

next.config.js

/** @type {import('next').NextConfig} */

const sassOptions = {
  additionalData: `
    $var: red;
  `,
}

const nextConfig = {
  sassOptions: {
    ...sassOptions,
    implementation: 'sass-embedded',
  },
}

module.exports = nextConfig

Good to know: sassOptionsはNext.jsが他の可能なプロパティを管理しないため、implementationの外で型付けされていません。