chore(tokens): sort scss by name then by reference

[evwilkin]

Closes #17

This PR:

• Sorts tokens by name alphabetically
• Then sorts token by reference to ensure no var is referenced before it is declared

Though changes with referenced vars may be hard to predict the adjusted file outcome, this should limit variability in output scss files due to consistent alphabetical sorting, hopefully making the diffs between files smaller and more consistent as well.

Note: looking at tokens-default.scss as an example, the newly output file seems to be about 30 lines longer which is worth further investigation to confirm where these additional rules are coming from.

[srambach]

Let's remove the sort by reference, since CSS doesn't care about that, and it could introduce an inconsistency in the order.

[mcoker]

Left a couple of comments just about not needing to worry about the order the vars are used since there's no technical limitation to CSS vars with their declaration/reference order as long as they're in the same scope.

[srambach]

Looks good without the reference sort.

[github-actions]

🎉 This PR is included in version 1.11.0 🎉

The release is available on:

• GitHub release
• npm package (@prerelease dist-tag)

Your semantic-release bot 📦🚀