Using generated mixin creates a deprecation warning

[RVledder]

Using the tool on the website generates:

@mixin text-crop(...) {
  // ...
  $dynamic-top-crop: max(($top-crop + ($line-height - $crop-line-height) * ($crop-font-size / 2)), 0) / $crop-font-size;
  $dynamic-bottom-crop: max(($bottom-crop + ($line-height - $crop-line-height) * ($crop-font-size / 2)), 0) / $crop-font-size;
  // ...

Using this code will generate:

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

source: https://sass-lang.com/documentation/breaking-changes/slash-div

Recommended is to "...switch all division to use math.div() instead."

[RVledder]

Possible approach

Make the code generate:

@use 'sass:math';

@mixin text-crop(...) {
  // ...
  $dynamic-top-crop: math.div(max(($top-crop + ($line-height - $crop-line-height) * ($crop-font-size * 0.5)), 0), $crop-font-size);
  $dynamic-bottom-crop: math.div(max(($bottom-crop + ($line-height - $crop-line-height) * ($crop-font-size * 0.5)), 0), $crop-font-size);
  // ...

Possible downsides:

• The @use rule has been implemented in Sass since 1.23.0. This will make the code snippet not applicable for versions prior to 1.23.0.
• Perhaps non-dart implementations such as LibSass and Node Sass might not be having the sass:math function. However, these implementations are deprecated.