Boa tarde, galera.

Queria saber de você que trabalha ou já trabalhou no frontend com Bootstrap, SCSS, Jquery e afins (coisas de aplicações legado mesmo).

Meu cenário

Tenho experiência com Tailwind e achei muito bom usar os espaçamentos dele num outro projeto e também a paleta de cores (e.g.: text-blue-600).

Mas agora estou com um projeto em que estou tentando customizar o Bootstrap 5 com SCSS, e aí estou sentindo falta disso do Tailwind. Até criei um partial só com as larguras, para que eu possa usar, por exemplo w-10 e setar 40px de largura, pois o Bootstrap me obriga a trabalhar com grid e porcentagens para largura, mas precisei de um pouco mais de controle nisso.

O projeto também usa JQuery e Javascript, pois é da familiaridade da equipe e também uma engine de HTML para gerar as páginas.

Minhas dúvidas

Como você abordaria esse cenário? Acho que vou acabar criando um novo framework interno (com um pouco de Tailwind e Boostrap).

E quanto à metodologia de SCSS (BEM, ITCSS e etc)? Como você faria?

Existe alguma outra preocupação que devo ter?

Qualquer outro conselho ou dica é bem vindo!