Codeblox Blog
Permitindo uso do @tailwind no SonarQube
Ao utilizar at-rules do tailwind como @tailwind e @screen, o Sonar não reconhecerá como identificadores válidos.
É possível extender as regras do Sonar para que ele reconheça certas regras que são válidas para o seu projeto.
Criando regras customizadas para at-rules
No Sonar, entre em Quality Profiles e filtre por CSS.
Irá aparecer 1 regra de CSS chamada Sonar way, clique na engrenagem e então em extend. Escolha o nome de sua preferência e conclua a criação. Sua regra ficará aninhada na regra original do Sonar. É necessário marcá-la como padrão.
Agora, entre na seção Rules, filtre a linguagem por CSS e selecione a regra “at-rules” should be valid.
Na página seguinte, encontre seu perfil customizado e clique em Change.
Na janela, adicione os nomes que devem ser válidos, como tailwind e screen, e salve a alteração.
Pronto, agora você pode usar @tailwind e @screen sem que o Sonar reclame.
