Out of curiosity, why did the Relume team decide to title their padding and margins spacing using "xxs-md-lg"? I don't think that this naming convention is as efficient as having clear numerical naming convention. Why not just stick to the numerical naming convention? I understand the REM implementations, but still, I feel like using xxs and xxl seems vague and unnecessary. Is this just me? I feel like using clear NUMBERS are much easier to work with especially when migrating or duplicating designs from Figma rather than constanly having to go back and check what the "tiny or xxxxxxl" is.
This is a Client-First thing more than a Relume thing. But it's common in most naming systems.
One good reason is responsiveness. Padding-section-large may be 6rem on desktop, but 4rem on mobile.
Same goes for similar utility naming for text sizes.