Context

The current Style-Dictionary CSS formatter provided by the @o3r/style-dictionary package is sorting the variable name based on an alphabetic order.

Proposal

As we do use palettes with names following the pattern <name>-<grade>, where <grade> is a number, a better sorting based on both numeric and string should be applied.

Current result

:root {
  --my-var-10: #000;
  --my-var-00: #000;
}

Expected result

:root {
  --my-var-00: #000;
  --my-var-10: #000;
}