[Bug]: Review proper processing of ":active" styles

[Westbrook]

trafficstars

Code of conduct

• [X] I agree to follow this project's code of conduct.

Impacted component(s)

?

Expected behavior

:active should be used only on elements that can enter such a state. Elements that cannot should leverage [active] and apply appropriate JS to handle moving in and our of that synthetic state.

Actual behavior

Rules like :host:active #box:before { in <sp-checkbox> do not get applied.

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

No response

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response