Update automation

[firefoxic]

Обещанная обязаловка использовать @use для sass-переменных/миксинов только в первом коммите (склейка по прежнему с помощью @import). Если остальное не нужно, просто ресетни эти коммиты.

В дополнительных коммитах:

1. Удаление сборки стека за его ненадобностью — энкодинг в стили работает лучше, если не забывать путь до иконки сначала положить в кастомное свойство, чтобы из-за префиксов для масок энкодинг не дублировался. Можно в common/ положить файлик icons.scss, в котором плоским списком кастомных свойств в :root перечислить пути до всех иконок в icons/ и затем в стилях использовать кастомные свойства.
2. Замена галп-плагинов для графики на независимый от сборщиков инструмент. В ридми-файлах инфа обновлена под него (изучи, если оставишь). Ключевое
   • папки raw/ больше нет, все обработки графики происходят прямо в исходниках;
   • устаревшие форматы графики больше не используются, png из макета конвертируется во все необходимые варианты форматов webp и avif.
   • весь необходимый комплект файлов фавиконок теперь генерируется одной командой, но важно для этого использовать разные исходные svg, если они разные есть в макете (изучи ридми-файл).

Замена в последнем коммите позволила обновить gulp до 5 версии. Необновлённым остался только eslint, но его до 9 версии не обновить, пока академский конфиг не обновится, а мне лениво его конвертировать в flat-config. Я бы мог свой конфиг прикрутить вместо академского, но он по стилю кода сильно отличается, не уверен, что тебе это надо.

[firefoxic]

Забыл про бонус: в postcss-конфиг добавлен плагин для custom media, можешь их использовать вместо сассовских интерполяций в медиа-выражениях.