Switch the order of distance & direction used in utility classnames?

[planktonic]

Our directional utility classnames have have the order:

<layer-abbreviation>-<css property>-<size/value>-<direction>

e.g.

.u-margin-m-left

This feels a little unintuitive, maybe as it doesn’t match the way CSS itself is written e.g., margin-left: 1rem, and it leads to our inset/positioning classes being e.g. u-0-top, u-0-right etc. u-top-0 seems more easily readable.

Should we change the order, for one of the upcoming major-version releases?