Если вы столкнулись с похожей ошибкой в сонаре, то вам поможет следующая настройка.
Переходим в sonarqube и выбираем Quality Profiles
Далее находим профиль css (примерно 2-й сверху), кликаем по настройкам (1) далее выбираем Extend (2)
Внимание, для внесения этих правок вам необходимы права администратора
В открывшемся модальном окне даем название нашему профилю, например, Extended и нажимаем Extend
Ниже под основным профилем вы увидите свой созданный. Далее напротив нового профиля кликаем по настройкам (1) и выбираем Set as Default (2)
Теперь переходим в меню сонара Rules (1), в левой панели CSS (2) и справа - "at-rules" shoud be valid (3)
Скроллим вниз и находим наш профиль, справа от него кликаем по кнопке Change
В открывшемся модальном окне указываем наше правило, на которое "ругается" sonarqube, в моем случае это tailwind и нажимаем Save.
Символ @ указывать не нужно, а также не потеряйте "," после правила.
Вот и всё, теперь при следующей проверке вашего проекта, sonarqube больше не будет "ругаться" )
