Olá, Rafael!
Sua pergunta é muito interessante e mostra que você está realmente se aprofundando na compreensão do SASS e da organização dos arquivos. Parabéns!
Você está correto ao afirmar que, devido à maneira como os arquivos estão sendo importados, as variáveis definidas em _variaveis.scss estão disponíveis em _navbar.scss sem a necessidade de importação direta. Isso ocorre porque ambos os arquivos são importados para style.scss, sendo que _variaveis.scss é importado primeiro.
No entanto, a prática de importar _variaveis.scss diretamente em _navbar.scss é útil por algumas razões. Primeiramente, aumenta a clareza do código: ao ver o @import "../abstract/_variaveis.scss"; no início de _navbar.scss, fica imediatamente claro que este arquivo depende de variáveis definidas em _variaveis.scss.
Além disso, essa prática também aumenta a modularidade do código. Se, no futuro, você decidir usar _navbar.scss em um projeto diferente onde style.scss não importa _variaveis.scss, você não terá que se preocupar em lembrar de importar _variaveis.scss também. Em vez disso, como _navbar.scss importa diretamente todas as dependências de que precisa, você pode ter certeza de que ele funcionará corretamente em qualquer lugar que seja usado.
Por fim, a importação direta pode ajudar a evitar problemas que podem surgir se a ordem das importações em style.scss for alterada. Se _navbar.scss for importado antes de _variaveis.scss em uma revisão futura de style.scss, _navbar.scss não terá acesso às variáveis de que precisa. Importando _variaveis.scss diretamente, você garante que _navbar.scss sempre terá acesso a essas variáveis, não importa a ordem das importações em style.scss.
Espero ter ajudado e bons estudos!
