[Dúvida] posicionamento da âncora

Olá, Rodrigo! Como vai?

Entendo sua dúvida, e é realmente uma boa observação! No código SASS que você compartilhou, a âncora (a) está no mesmo nível da li, mas em termos de estilização, e não de estrutura HTML.

Analisando o código novamente:

ul {
    display: inline-flex;
    gap: 2rem;

    li {
        list-style-type: none;
    }

    a {
        text-decoration: none;
        color: $cor-primaria;
        font-weight: 500;
        font-family: $ft-textos;
    }
}

Observe que no código acima, o a está no mesmo nível que o li dentro do ul. Isso significa que o SASS aplicará os estilos definidos em a para todas as âncoras que estão dentro de qualquer ul, e consequentemente dentro da li, o que não faz muita diferença se estivesse dentro.

Se a intenção é aplicar os estilos somente para as âncoras que estão dentro de li , que estão dentro de ul, o código deveria ser assim:

ul {
    display: inline-flex;
    gap: 2rem;

    li {
        list-style-type: none;

        a {
            text-decoration: none;
            color: $cor-primaria;
            font-weight: 500;
            font-family: $ft-textos;
        }
    }
}

Aqui, a âncora (a) está dentro do li, que está dentro do ul, assim como no HTML que você mencionou. Isso significa que o SASS vai aplicar os estilos definidos em a somente para as âncoras que estão diretamente dentro de li, que estão dentro de ul, aumentando a especifidade.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Muito obrigado pela explicação!!