Fix margin, padding, and possibly other shorthands orders

[guivr]

Current Behavior

.example {
  margin: 1rem;
  margin-top: 0;
}

converts to:

.example {
  @apply mt-0 m-4;
}

(it currently puts mt-0 always before m-4, no matter the order in the CSS)

Expected Behavior

.example {
  @apply m-4 mt-0;
}

or

.example {
  @apply mt-0 mr-4 mb-4 ml-4;
}

this allows the longhand margin-top to override the shorthand margin

[guivr]

This is also happening with:

border: 2px solid #fff;
border-top: 3px;

seems to add border-2 at the end