重大变更：严格函数单位

各种内置函数将在允许的单位方面变得更加严格，并且将更一致地处理这些单位。这使得 Sass 与 CSS 规范更加兼容，并有助于更快地捕获错误。

色相色相永久链接

Dart Sass: 自 1.32.0 起
LibSass: ✗
Ruby Sass: ✗

在指定颜色的色相时，CSS 允许任何角度单位（deg、grad、rad 或 turn）。它还允许无单位数字，其解释为 deg。从历史上看，Sass 允许任何单位，并将其解释为 deg。这尤其成问题，因为它意味着有效的 CSS 表达式 hsl(0.5turn, 100%, 50%) 将被 Sass 允许，但会被完全错误地解释。

为了解决此问题并使 Sass 与 CSS 规范保持一致，我们正在分多个阶段进行更改

阶段 1阶段 1 永久链接

Dart Sass: 自 1.32.0 起
LibSass: ✗
Ruby Sass: ✗

首先，如果您将带单位（除了 deg）的数字作为色相传递给任何函数，Sass 仅发出弃用警告。仍然允许传递无单位数字。

阶段 2阶段 2 永久链接

Dart Sass: 自 1.52.1 起
LibSass: ✗
Ruby Sass: ✗

接下来，我们更改了处理色相参数的角度单位的方式，以匹配 CSS 规范。这意味着带有 grad、rad 或 turn 单位的数字将转换为 deg：0.5turn 将转换为 180deg，100grad 将转换为 90deg，依此类推。

由于此更改对于保持 CSS 兼容性是必要的，因此根据 Dart Sass 兼容性策略，它仅使用次要版本号进行了更改。但是，它尽可能少地更改行为，以确保 Sass 根据 CSS 规范解释所有有效的 CSS。

阶段 3阶段 3 永久链接

Dart Sass: ✗
LibSass: ✗
Ruby Sass: ✗

最后，在 Dart Sass 2.0.0 中，如果颜色函数传递的色相参数带有非角度单位，则会抛出错误。仍然允许无单位色相。

饱和度和亮度饱和度和亮度永久链接

在指定 HSL 颜色的饱和度和亮度时，CSS 仅允许 % 单位。甚至不允许无单位数字（与色相不同）。从历史上看，Sass 允许任何单位，并将其解释为 %。您甚至可以编写 hsl(0, 100px, 50s)，Sass 会返回颜色 red。

为了解决此问题并使 Sass 与 CSS 规范保持一致，我们正在分两个阶段进行更改

阶段 1阶段 1 永久链接

Dart Sass: 自 1.32.0 起
LibSass: ✗
Ruby Sass: ✗

目前，如果您将无单位或单位（除了 %）的数字作为亮度或饱和度传递给任何函数，Sass 仅发出弃用警告。

阶段 2阶段 2 永久链接

Dart Sass: ✗
LibSass: ✗
Ruby Sass: ✗

在 Dart Sass 2.0.0 中，如果颜色函数传递的饱和度或亮度参数无单位或非 % 单位，则会抛出错误。

在指定颜色的 alpha 值时，CSS（截至颜色级别 4）允许 0 到 1 之间的无单位值或 0% 到 100% 之间的 % 值。在大多数情况下，Sass 遵循此行为，但函数 color.adjust() 和 color.change() 从历史上允许任何单位，并将其解释为无单位。您甚至可以编写 color.change(red, $alpha: 1%)，Sass 会返回不透明颜色 red。

为了解决此问题并使 Sass 与 CSS 规范保持一致，我们正在分三个阶段进行更改

阶段 1阶段 1 永久链接

Dart Sass: 自 1.56.0 起
LibSass: ✗
Ruby Sass: ✗

目前，如果您将带任何单位（包括 %）的数字作为 alpha 值传递给 color.change() 或 color.adjust()，Sass 仅发出弃用警告。

阶段 2阶段 2 永久链接

Dart Sass: ✗
LibSass: ✗
Ruby Sass: ✗

接下来，我们将更改 color.change() 和 color.adjust() 的 alpha 参数处理 % 单位的方式。带有单位 % 的 Alpha 将除以 100%，将其转换为 0 到 1 之间的无单位数字。

由于此更改是一个错误修复，它提高了与其他 Sass 函数的一致性，因此它将仅使用次要版本号进行更改。它将在阶段 1 发布后至少三个月更改，以便用户有时间调整其代码并避免该错误。

阶段 3阶段 3 永久链接

Dart Sass: ✗
LibSass: ✗
Ruby Sass: ✗

最后，在 Dart Sass 2.0.0 中，如果 color.change() 和 color.adjust() 传递的 alpha 参数带有非 % 单位，则会抛出错误。仍然允许无单位 Alpha。

`math.random()`math.random() 永久链接

math.random() 函数从历史上忽略了 $limit 中的单位并返回了一个无单位值。例如，math.random(100px) 将删除“px”并返回一个类似于 42 的值。

Sass 的未来版本将停止忽略 $limit 参数的单位，并返回具有相同单位的随机整数。

  SCSS

  Sass

       游乐场SCSS 语法@use "sass:math";

// Future Sass, doesn't work yet!
@debug math.random(100px); // 42px

       游乐场Sass 语法@use "sass:math"

// Future Sass, doesn't work yet!
@debug math.random(100px)  // 42px