sass4 4.0.2 → 4.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 79095b6077df8eb4d50e07a93777f9329698826c6e1808c967e81b2287750d33
-  data.tar.gz: 72dc31095bad03f738348e08827e23aa99a9bef422b3862d127e605ee3e45ddb
+  metadata.gz: b021450fcc4e657986b7fbddb76101e9c998d3bf0cc7d410bce53bfdd92fd470
+  data.tar.gz: 3bed1c189f812c0ed4bc13008a6136bfb247b0acf5be20a9c20bc29da5a9d8c2
 SHA512:
-  metadata.gz: 995ef5b88bc45a6950ee82e53f3be623c0541904b660251cfacc675393f6827e95452a3c2036a01435a24adcc2b47aa37c0f5b89ad78dc741fd401e771ab1589
-  data.tar.gz: f60e62faa1bb3e5bc9ceca43b31fcf16c8e767fca3b10e0d005da3550821301496aef0d16082a008fadaf8c946396bd71f2d9aad8576e18c7029ea368e6ea4e5
+  metadata.gz: b682b82f391271420c1af276c61748aa49f47ba6cc6e64fac6ef866367cff6fd5e33ec016852c316ec08289f547d287491c7d1fcddc0845ace1abded2dd24e62
+  data.tar.gz: f092c181f50eb32ac4e0dc3080bb532e53cb36201bfc4dfe5368e1320da14d8cb87234740748320207349393a8c6fae972591047cb0be669b4428284238ac6b7

data/VERSION

@@ -1 +1 @@
-4.0.2
+4.0.4

data/lib/sass/script/value/number.rb

@@ -223,6 +223,7 @@ module Sass::Script::Value
     # Hash-equality must be transitive, so it just compares the exact value,
     # numerator units, and denominator units.
     def eql?(other)
+      return false unless other.is_a?(Number)
       basically_equal?(value, other.value) && numerator_units == other.numerator_units &&
         denominator_units == other.denominator_units
     end

data/lib/sass/scss/parser.rb

@@ -904,12 +904,13 @@ module Sass
         # semantics.
         #
         # [token consumption algorithm]: https://drafts.csswg.org/css-syntax-3/#consume-token.
-        result = tok(%r{
+        result = sass_variable_in_custom_property ||
+               tok(%r{
           (
             (?!
               url\(
             )
-            [^()\[\]{}"'#/ \t\r\n\f#{top_level ? ";" : ""}]
+            [^()\[\]{}"'\#$/ \t\r\n\f#{top_level ? ";" : ""}]
           |
             \#(?!\{)
           |
@@ -1061,6 +1062,16 @@ module Sass
         sass_script(:parse_interpolated, warn_for_color)
       end
 
+      def sass_variable_in_custom_property
+        start_pos = source_position
+        return unless tok(VARIABLE)
+        name = @scanner[2]
+        var = Sass::Script::Tree::Variable.new(name)
+        var.line = @line
+        var.source_range = range(start_pos)
+        var
+      end
+
       def string
         return unless tok(STRING)
         Sass::Script::Value::String.value(@scanner[1] || @scanner[2])

data/lib/sass/scss/rx.rb

@@ -126,8 +126,11 @@ module Sass
       STRING2_NOINTERP = /\'((?:[^\n\r\f\\'#]|#(?!\{)|#{ESCAPE})*)\'/
       STRING_NOINTERP = /#{STRING1_NOINTERP}|#{STRING2_NOINTERP}/
 
-      STATIC_COMPONENT = /#{IDENT}|#{STRING_NOINTERP}|#{HEXCOLOR}|[+-]?#{NUMBER}|\!important/i
-      STATIC_VALUE = %r(#{STATIC_COMPONENT}(\s*[\s,\/]\s*#{STATIC_COMPONENT})*(?=[;}]))i
+      STATIC_COMPONENT = /#{IDENT}|#{STRING_NOINTERP}|#{HEXCOLOR}|[+-]?#{NUMBER}/i
+      # !important выделен отдельным необязательным суффиксом, чтобы избежать
+      # catastrophic backtracking когда !important идёт без пробела после значения
+      # (например: grid-template-areas: "a" "b" "c"!important)
+      STATIC_VALUE = %r(#{STATIC_COMPONENT}(\s*[\s,\/]\s*#{STATIC_COMPONENT})*\s*(\!#{W}important)?(?=[;}]))i
       STATIC_SELECTOR = /(#{NMCHAR}|[ \t]|[,>+*]|[:#.]#{NMSTART}){1,50}([{])/i
     end
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sass4
 version: !ruby/object:Gem::Version
-  version: 4.0.2
+  version: 4.0.4
 platform: ruby
 authors:
 - Natalie Weizenbaum
@@ -11,7 +11,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2026-04-01 00:00:00.000000000 Z
+date: 2026-04-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass-listen
@@ -103,12 +103,9 @@ files:
 - AGENTS.md
 - CODE_OF_CONDUCT.md
 - CONTRIBUTING.md
-- CSS_COLOR_LEVEL4_TESTS.md
 - MIT-LICENSE
 - README.md
-- REVISION
 - VERSION
-- VERSION_DATE
 - VERSION_NAME
 - bin/sass
 - bin/sass-convert

data/CSS_COLOR_LEVEL4_TESTS.md

@@ -1,217 +0,0 @@
-# Тесты CSS Color Level 4 для Ruby Sass
-
-## Обзор
-
-Полная поддержка синтаксиса CSS Color Level 4 согласно спецификации W3C: https://www.w3.org/TR/css-color-4/
-
-**Файл тестов:** `test/sass/css_color_level4_test.rb`  
-**Всего тестов:** 40  
-**Статус:** ✅ Все проходят
-
-## Покрываемая функциональность
-
-### 1. Special Numbers (CSS функции)
-Ruby Sass корректно обрабатывает CSS функции без попыток их вычисления:
-- `var()` - CSS Custom Properties
-- `calc()` - математические вычисления
-- `env()` - environment variables
-- `attr()` - атрибуты элементов
-- `clamp()` - ограничение значений
-- `min()` / `max()` - минимум/максимум
-
-**Примеры:**
-```scss
-// var() в каналах
-rgb(var(--r), var(--g), var(--b))
-// ✅ rgb(var(--r), var(--g), var(--b))
-
-// calc() в альфе
-rgb(255 128 0 / calc(0.5 * 2))
-// ✅ rgb(255 128 0 / calc(0.5 * 2))
-```
-
-### 2. Space-separated синтаксис
-Новый синтаксис без запятых для RGB/HSL:
-```scss
-rgb(255 128 0)      // ✅ #ff8000
-hsl(180 50% 50%)    // ✅ #40bfbf
-```
-
-### 3. Slash-separated альфа
-Альфа-канал через `/` вместо запятой:
-```scss
-rgb(255 128 0 / 0.5)      // ✅ rgba(255,128,0,0.5)
-hsl(180 50% 50% / 0.8)    // ✅ rgba(64,191,191,0.8)
-```
-
-### 4. Проценты в RGB каналах
-RGB каналы могут быть указаны в процентах (0%-100%):
-```scss
-rgb(100% 0% 0%)           // ✅ red (#ff0000)
-rgb(50% 25% 75%)          // ✅ #7f3fbf
-rgb(100% 50% 0%)          // ✅ #ff7f00
-```
-
-**Конвертация:**
-- `0%` → `0`
-- `100%` → `255`
-- `50%` → `127.5` → округление до `127`
-
-### 5. Проценты в альфа-канале
-Альфа-канал поддерживает проценты (0%-100%):
-```scss
-// Новый синтаксис
-rgb(100% 0% 0% / 50%)     // ✅ rgba(255,0,0,0.5)
-rgb(255 128 0 / 50%)      // ✅ rgba(255,128,0,0.5)
-
-// Legacy синтаксис
-rgba(255, 128, 0, 80%)    // ✅ rgba(255,128,0,0.8)
-
-// HSL
-hsl(180 50% 50% / 75%)    // ✅ rgba(64,191,191,0.75)
-```
-
-**Конвертация:**
-- `0%` → `0` (полностью прозрачный)
-- `100%` → `1` (полностью непрозрачный)
-- `50%` → `0.5`
-
-### 6. Комбинации процентов и CSS функций
-```scss
-// Проценты в каналах + var() в альфе
-rgb(100% 0% 0% / var(--alpha))
-// ✅ rgb(100% 0% 0% / var(--alpha))
-
-// Проценты в каналах + calc() в альфе
-rgb(100% 50% 0% / calc(50% + 25%))
-// ✅ rgb(100% 50% 0% / calc(50% + 25%))
-```
-
-### 7. Обратная совместимость
-Все старые форматы продолжают работать:
-```scss
-rgb(255, 128, 0)          // ✅ #ff8000
-rgba(255, 128, 0, 0.5)    // ✅ rgba(255,128,0,0.5)
-hsl(180, 50%, 50%)        // ✅ #40bfbf
-hsla(180, 50%, 50%, 0.8)  // ✅ rgba(64,191,191,0.8)
-```
-
-## Структура тестов
-
-### RGB тесты (13 тестов)
-- `test_rgb_with_var` - var() в каналах
-- `test_rgb_with_calc` - calc() в каналах
-- `test_rgb_with_env` - env() в каналах
-- `test_rgb_with_clamp` - clamp() в каналах
-- `test_rgb_with_min_max` - min()/max() в каналах
-- `test_rgb_new_syntax_with_var_alpha` - var() в альфе (новый синтаксис)
-- `test_rgb_new_syntax_with_calc_alpha` - calc() в альфе (новый синтаксис)
-- `test_rgb_new_syntax_mixed_special_numbers` - смешанные CSS функции
-- `test_rgb_new_syntax_without_special_numbers` - новый синтаксис без CSS функций
-- `test_rgb_new_syntax_with_alpha_without_special_numbers` - новый синтаксис с альфой
-- `test_rgb_with_percentage_channels` - проценты в каналах
-- `test_rgb_with_percentage_channels_and_alpha` - проценты в каналах и альфе
-- `test_rgb_with_mixed_percentage_and_number` - числа в каналах, проценты в альфе
-
-### RGBA тесты (6 тестов)
-- `test_rgba_with_var_all_channels` - var() во всех каналах
-- `test_rgba_with_calc_alpha` - calc() в альфе
-- `test_rgba_with_color_and_var_alpha` - Sass переменная + var() альфа
-- `test_rgba_new_syntax_with_special_alpha` - новый синтаксис с CSS функцией в альфе
-- `test_rgba_with_percentage_alpha` - процент в альфе (legacy синтаксис)
-- `test_rgba_legacy_syntax_percentage_alpha` - legacy синтаксис с процентной альфой
-
-### HSL тесты (4 теста)
-- `test_hsl_with_var` - var() в hue
-- `test_hsl_with_calc` - calc() в hue
-- `test_hsl_new_syntax_with_var` - новый синтаксис с var()
-- `test_hsl_new_syntax_with_calc_alpha` - новый синтаксис с calc() в альфе
-
-### HSLA тесты (3 теста)
-- `test_hsla_with_var_alpha` - var() в альфе
-- `test_hsla_with_env` - env() в hue
-- `test_hsla_new_syntax_with_special_alpha` - новый синтаксис с CSS функцией в альфе
-
-### Процентные тесты (11 тестов)
-- `test_rgb_with_percentage_channels` - 100% каналы
-- `test_rgb_with_percentage_channels_and_alpha` - проценты + процентная альфа
-- `test_rgb_with_mixed_percentage_and_number` - смешанные числа и проценты
-- `test_rgb_with_percentage_channels_various_values` - различные значения процентов
-- `test_rgba_with_percentage_alpha` - процентная альфа в rgba()
-- `test_rgb_new_syntax_percentage_with_zero_alpha` - 0% альфа
-- `test_rgb_new_syntax_percentage_with_full_alpha` - 100% альфа
-- `test_hsl_with_percentage_alpha` - процентная альфа в hsl()
-- `test_rgb_percentage_with_var_in_alpha` - проценты + var() в альфе
-- `test_rgb_percentage_with_calc_in_alpha` - проценты + calc() в альфе
-- `test_rgba_legacy_syntax_percentage_alpha` - legacy синтаксис с процентной альфой
-
-### Тесты обратной совместимости (4 теста)
-- `test_normal_rgb_still_works` - обычный rgb()
-- `test_normal_rgba_still_works` - обычный rgba()
-- `test_normal_hsl_still_works` - обычный hsl()
-- `test_normal_hsla_still_works` - обычный hsla()
-
-### Смешанные тесты (2 теста)
-- `test_multiple_special_functions_in_one_rule` - несколько CSS функций в одном правиле
-- `test_sass_variables_with_special_numbers` - Sass переменные + CSS функции
-
-## Запуск тестов
-
-```bash
-# Запуск всех тестов CSS Color Level 4
-ruby test/sass/css_color_level4_test.rb
-
-# Ожидаемый результат:
-# Запуск тестов CSS Color Level 4...
-# ======================================================================
-# [40 тестов с ✅]
-# ======================================================================
-# Результаты: 40 прошли, 0 провалились из 40 тестов
-# ======================================================================
-```
-
-## Особенности реализации
-
-### Округление процентов
-Ruby Sass использует стандартное округление для процентов:
-- `50%` → `127.5` → `127` (округление вниз)
-- `25%` → `63.75` → `63` (округление вниз)
-- `75%` → `191.25` → `191` (округление вниз)
-
-### Обработка CSS функций
-CSS функции (`var()`, `calc()`, etc.) не вычисляются Sass и передаются в CSS как есть:
-```scss
-rgb(var(--r), var(--g), var(--b))
-// Не вычисляется, передается как:
-rgb(var(--r), var(--g), var(--b))
-```
-
-### Оптимизация вывода
-Ruby Sass оптимизирует цвета где возможно:
-```scss
-rgb(255, 0, 0)      → red
-rgb(100% 0% 0%)     → red
-rgb(255 0 0)        → #ff0000
-rgb(255 0 0 / 100%) → #ff0000  // 100% alpha = полностью непрозрачный
-```
-
-## Ссылки
-
-- **Спецификация CSS Color Level 4:** https://www.w3.org/TR/css-color-4/
-- **Файл тестов:** `test/sass/css_color_level4_test.rb`
-- **Основная документация:** `AGENTS.md`
-
-## История изменений
-
-### Версия 4.0.1+ (текущая)
-- ✅ Добавлена поддержка процентов в RGB каналах
-- ✅ Добавлена поддержка процентов в альфа-канале
-- ✅ 11 новых тестов для процентов
-- ✅ Полное соответствие спецификации CSS Color Level 4 раздел 4.2
-
-### Версия 4.0.0
-- ✅ Добавлена поддержка CSS special numbers (var, calc, env, etc.)
-- ✅ Добавлен новый space-separated синтаксис
-- ✅ Добавлен slash-separated синтаксис для альфы
-- ✅ 29 тестов для новых возможностей
-

data/REVISION

@@ -1 +0,0 @@
-1ec7a3cb1fa5f0eb945c75747244bc3fd25417a2

data/VERSION_DATE

@@ -1 +0,0 @@
-01 April 2026 12:46:06 UTC