😵

Dart Sassの@import非推奨警告に関する対応

2025/01/23に公開

Dart Sassの@import非推奨警告に関する対応

1. 背景

Bootstrap 5.3.3を使用しているプロジェクトにおいて、Sassの警告が発生しました。
具体的には、Bootstrapが依然として@importを使用しており、それを参照すると以下のような警告が表示されました。

Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

これは@importはDart Sassでは非推奨となっているが、Bootstrapが@importを使用していることが原因でした。

2. 解決策の選択肢

Bootstrapを修正する方法

Bootstrapのコードを修正し、@importを@useに書き換える方法があります。しかし、このアプローチはライブラリの保守コストが高いため、却下しました。

警告の抑制

Bootstrap側で動作は保証されているだろうと考え、警告を抑制する方針としました。
警告を抑制するために、Sassの設定でquietDepsオプションを有効にしました。

const nextConfig = {
    sassOptions: {
        quietDeps: true,  // 警告を抑制
    },
};

しかし、これでは警告が抑制されませんでした。

結論
あきらめました。

@importの非推奨警告は、現状のライブラリを修正しない限り解消できませんでした。
警告抑制のためにquietDepsを設定しましたが、期待通りには動作しませんでした。

もし他によい方法があれば、ぜひご教示いただければと思います。

Discussion