Update stylesheet runtime to order psuedo state atomic declarations based on lvfha

Atomic declarations means user land ordering of pseudo states no longer is possible. We are going to bake in the order based on LVFHA:

Top to bottom, bottom takes precedence:

• :link
• :visited
• :focus
• :hover
• :active

This ticket will modify the stylesheet runtime (used only when styles are baked in - once extracted this runtime is removed) to ensure the ordering.

One idea I have for this is to build the class name with knowledge of the pseudo state so we don’t have to do much at runtime.

Guiding principles:

1. less is more
2. code short as possible

[TxHawks]

There’s also :focus-within, that should probably come before :focus

[alexreardon]

if we can avoid it we don’t want any duplicate declarations during runtime - it ends up causing developer confusion in dev tools (like so):

This is a concern for sure. But I personally wouldn’t go rebuild lots of things to avoid it