Query Builder - fix keyboard ghost text color (#15552)

* refactor(query builder): fix fluent chip keyboard drag ghost text color

* refactor(query-builder): use the correct text color variable and reset the hover fro indigo border

Author: desig9stein

projects/igniteui-angular/src/lib/core/styles/components/query-builder/_query-builder-theme.scss

@@ -486,18 +486,31 @@
             --ig-body-2-text-transform: unset;
 
             padding-inline: rem(32px);
-	        
+
 	        color: color($color: 'gray', $variant: if($theme-variant == 'light', 600, 900));
 	        border: rem(1px) dashed color($color: 'gray', $variant: if($theme-variant == 'light', 600, 300));
 	        background:  transparent;
         }
     }
-	
+
 	%filter-tree__expression-item-keyboard-ghost {
 		.igx-chip__item {
 			box-shadow: var(--ghost-shadow);
             background: var(--ghost-background);
+            color: var(--focus-text-color);
 		}
+
+        .igx-chip:hover {
+            .igx-chip__item {
+                box-shadow: var(--ghost-shadow);
+                background: var(--ghost-background);
+                color: var(--focus-text-color);
+
+                @if $variant == 'indigo' {
+                    border-color: var(--border-color);
+                }
+            }
+        }
 	}
 
     %filter-tree__expression-column {