v4.0.8

We've updated the compiling order of the padding and margin utility classes.

The specificy order is the following:

1. padding-{value}
2. padding-{x/y}-{value}
3. padding-{side}-{value}

e.g., if you write:

<div class="padding-md padding-top-xs"></div>

the padding-top declaration is more spacific and you'll have an element with the following padding:

div {
  padding: var(--space-md);
  padding-top: var(--space-xs);
}