Pseudo ordering is not consistently applied when selectors are grouped

[itsdouges]

See: https://github.com/atlassian-labs/compiled/pull/324#issuecomment-714845238

There are edge cases where pseudo ordering will not be applied, one such is:

:disabled {
  color: red;
}

:hover, :active {
  color: blue;
}

Color will be red when disabled on hover when it should be blue.

One work around could be to convert:

:hover, :active {
  display: block;
}

to

:hover {
  display: block;
}

:active {
  display: block;
}

however this will end up increasing the baked in bundle size. something to think about.