I already have a +30 components system, made with Vue and SCSS, and I am migrating my styles to use design tokens. Currently, I have semantic tokens for colours only, and now I am thinking how, if necessary at all, to create semantic tokens for spacing too. Currently, I am using them just like spacing('8') for 8px, but it seems like this goes against the most common approach to give meaning to your tokens.
I checked some design systems and some use semantics for spacing and others don't. Since I am only a developer working with a non-tokenized layout, I don't much background yet, but from my perspective, it seems hard to give meaning to spaces, since I am using them as "it feels better".
So, is there a rule for this, or guide-line on how to create semantics for variables such as spacing?
