fix(ui5-togglebutton): fix hover background on desktop (#2984)

Author: fifoosid

packages/main/src/themes/ToggleButton.css

@@ -17,7 +17,7 @@
 }
 
 :host([design="Positive"][pressed][active]),
-:host([design="Positive"][pressed]:hover) {
+:host([design="Positive"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Accept_Selected_Hover_Background);
 }
 
@@ -31,7 +31,7 @@
 }
 
 :host([design="Negative"][pressed][active]),
-:host([design="Negative"][pressed]:hover) {
+:host([design="Negative"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Reject_Selected_Hover_Background);
 }
 
@@ -42,14 +42,14 @@
 :host([design="Transparent"][pressed]),
 :host([design="Transparent"][pressed]:hover),
 :host([design="Emphasized"][pressed]),
-:host([design="Emphasized"][pressed]:hover) {
+:host([design="Emphasized"][pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Selected_Background);
 	border-color: var(--sapButton_Selected_BorderColor);
 	color: var(--sapButton_Selected_TextColor);
 	outline-color: var(--sapContent_ContrastFocusColor);
 }
 
 :host([pressed][active]),
-:host([pressed]:hover) {
+:host([pressed]:not([active]):not([non-interactive]):not([_is-touch]):hover) {
 	background: var(--sapButton_Selected_Hover_Background);
 }