Символ "<" внутри блока CSS превращается в бессмысленный мусор.

[Mitrotsky]

Наглядный пример того, как это выглядит:

И как это должно выглядеть:

Преобразование этого символа из "<" в "\003C" ломает как минимум следующий функционал CSS:

• At-правило property (MDN) - невозможно задать синтаксис создаваемой переменной.
• Функция type() (MDN) - невозможно задать тип.
  • Да, это экспериментальная функция.

Это делает невозможным добавление такого синтаксиса на сайт без костылей - в текущем виде можно загрузить файл CSS на сайт и использовать at-правило import. Однако данный метод крайне неудобен для использования, поскольку при каждом изменении нужно удалять и загружать файл заново.

Раньше здесь был мат.