Sass @import の非推奨警告を解消する

[kuratani]

概要

bundle exec jekyll serve 実行時に Dart Sass の @import 非推奨警告が出力される。
Dart Sass 3.0.0 で @import は削除予定のため、@use / @forward に移行が必要。

警告内容

Deprecation Warning [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

影響ファイル

• css/main.scss (line 7–9) — @import "layout" を使用
• _sass/_layout.scss (line 1) — @import "base" を使用

対応方針

1. _sass/_base.scss の変数・mixin を @forward で公開するよう変更
2. _sass/_layout.scss の @import "base" を @use "base" に変更
3. css/main.scss の @import "layout" を @use "layout" に変更

参考

• Sass @import の移行ガイド
• Sass 公式マイグレーター