feat(dropdown-item): enhance component's interactivity states (#11821)

**Related Issue:**
[#10019](#10019)

## Summary

- Remove ghosted selection icon on hover and pressed.
- Remove icon and text color changes when focused.

deprecate(dropdown-item): remove
`--calcite-dropdown-item-icon-color-hover` css token.

Author: aPreciado88

Diff for: packages/calcite-components/src/components/dropdown-item/dropdown-item.e2e.ts

@@ -80,12 +80,6 @@ describe("calcite-dropdown-item", () => {
           selector: "calcite-dropdown-item",
         },
         "--calcite-dropdown-item-text-color-press": [
-          {
-            targetProp: "color",
-            shadowSelector: `.${CSS.container}`,
-            selector: "calcite-dropdown-item",
-            state: "focus",
-          },
           {
             targetProp: "color",
             shadowSelector: `.${CSS.container}`,

Diff for: packages/calcite-components/src/components/dropdown-item/dropdown-item.scss

@@ -5,7 +5,7 @@
  *
  * @prop --calcite-dropdown-item-background-color-hover: Specifies the item's background color when hovered.
  * @prop --calcite-dropdown-item-background-color-press: Specifies the item's background color when selected or active.
- * @prop --calcite-dropdown-item-icon-color-hover: Specifies the item's icon selection color when hovered. 
+ * @prop --calcite-dropdown-item-icon-color-hover: [Deprecated] Specifies the item's icon selection color when hovered. 
  * @prop --calcite-dropdown-item-icon-color-press: Specifies the item's icon selection color when selected or active.
  * @prop --calcite-dropdown-item-text-color-press: Specifies the item's text when selected or active.
  * @prop --calcite-dropdown-item-text-color: Specifies the item's text color.
@@ -101,8 +101,7 @@
 //focus
 :host(:focus) {
   .container {
-    @apply focus-inset text-color-1 no-underline;
-    color: var(--calcite-dropdown-item-text-color-press, var(--calcite-color-text-1));
+    @apply focus-inset no-underline;
   }
 }
 
@@ -139,8 +138,7 @@
 }
 
 :host(:hover:not([disabled])) .dropdown-item-icon {
-  color: var(--calcite-dropdown-item-icon-color-hover, var(--calcite-color-border-1));
-  @apply opacity-100;
+  color: var(--calcite-dropdown-item-icon-color-hover);
 }
 
 :host([selected]) .dropdown-item-icon {