Olá, Lucas, como vai?
Sua reflexão faz bastante sentido, especialmente quando começamos a cruzar decisões tipográficas com decisões de espaçamento. A grade de 8 pontos é apenas uma convenção matemática para organizar proporções, mas isso não obriga o uso literal de unidades absolutas na implementação.
No uso prático, o sistema de espaçamento continua funcionando mesmo quando convertido para unidades relativas. A lógica do 8pt grid serve para manter coerência entre os intervalos, e não para exigir que você utilize pt, px ou qualquer unidade fixa. É comum definir tokens como 8, 16, 24, 32 e, na camada de código, atribuir a eles valores em rem. Assim, você conserva a modularidade do grid e, ao mesmo tempo, mantém acessibilidade e escalabilidade quando o usuário altera o tamanho base do navegador.
Um exemplo é definir um token sm com valor 8 no Figma, mas no CSS atribuí-lo como 0.5rem, assumindo que 1rem equivale a 16px. A lógica de múltiplos segue intacta e os espaçamentos continuam proporcionais entre si.
Obrigado por compartilhar sua dúvida e continue trazendo suas reflexões para o fórum, estamos à disposição.
Espero ter ajudado.
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado
