/** @type {import('next').NextConfig} */
import path from "path"
import { fileURLToPath } from "url"

const dirname = path.dirname(fileURLToPath(import.meta.url))
const stylesPath = path.join(dirname, "src/shared/styles")
console.log("dirname", dirname)

const nextConfig = {
	sassOptions: {
		includePaths: [stylesPath],
		additionalData: `@use "${path.join(stylesPath, "_variables.scss")}";
    @use "${path.join(stylesPath, "_breakpoints.scss")}";
    @use "${path.join(stylesPath, "_typography.scss")}";
    @use "${path.join(stylesPath, "_mixins.scss")}";`,
	},
}

export default nextConfig