コピーした SASS コードを使用してプロジェクトを開始しています。Ruby SASS では @import で書かれていましたが、Dart SASS では @use に変更しました。
スタイル.scss
// base
@use 'css/var' as *;
@use 'css/base' as *;
@use 'css/typography' as *;
// layouts
@use 'css/container' as *;
@use 'css/grid' as *;
css/_var.scss
$baseFontSize:16 !default;
$baseLineHeight:1.5 !default;
$leading:$baseLineHeight * 1rem !default;
style.scss があるディレクトリ内から、実行しましたsass --watch .
エラーが発生し続けます：
エラー: 未定義の変数です。╷ 10 │ フォントサイズ: ($baseFontSize / 16) * 100%; │ ^^^^^^^^^^^^^^^^ ╵<br /> css/_typography.scss 10:17 @use
style.scss 6:1 ルート スタイルシート
SASS バージョン 1.43.4 を使用しています