Next.jsで使用しているのはdeprecatedなLibSassではなくDart Sassなので、@importではなく@useが使える。やったね! ディレクトリ構成はとりあえず以下のようにしている。 src/styles以下にグローバルなSCSSを配置 アプリ全体で読み込むglobal.scss 色やサイズ等の変数(デザイントークン)定義 各種mixin 各コンポーネントのSCSSは各コンポーネントのファイルと同じフォルダに配置 グローバルなSCSSや定義のインポートをしやすくするため、tsconfig.jsonにエイリアスを定義