⚠️【Sass】DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.


2021年8月現在の1系Dart Sassでは、スラッシュを計算式に使うと警告が出るようになっています。
2系では廃止されるため、除算を行うときにはビルトインモジュールのsass:mathを利用します。

deprecated
body {
  font-size: 16px;
  line-height: (24 / 16);
}

modern
@use "sass:math";

body {
  font-size: 16px;
  line-height: math.div(24 / 16);
}

💡 Fun fact

プライベートで実施したペアプロのなかで話題に上がったスラッシュの非推奨~廃止の件について、5月ごろにbootstrapでもissueが立っていたようです。

Dart-sassのmathモジュールには、除算のmath.div以外にも様々な関数が用意されています。

モジュール自体もmathの他にいろいろあるので、要チェック…🥒
https://sass-lang.com/documentation/modules

  • sass:math - 数値計算系
  • sass:string - 文字列の結合、検索、分割
  • sass:color - 色の操作
  • sass:list - いわゆる配列の利用
  • sass:map - いわゆる連想配列の利用
  • sass:selector - CSSセレクタの操作
  • sass:meta - Sassの内部処理の利用、プログラミング的な処理に必要なもろもろ