fix(input): clear button uses contrast when setting color on item (#26592)

resolves #26337

core/src/components/input/test/basic/input.e2e.ts

@@ -185,7 +185,7 @@ test.describe('input: clear button', () => {
    */
   test('should keep the input focused when the clear button is pressed', async ({ page }) => {
     await page.setContent(`
-      <ion-input value="abc" clear-input="true"></ion-searchbar>
+      <ion-input value="abc" clear-input="true"></ion-input>
     `);
 
     const input = page.locator('ion-input');
@@ -200,4 +200,17 @@ test.describe('input: clear button', () => {
 
     await expect(nativeInput).toBeFocused();
   });
+
+  test('should inherit color when used in item with color property', async ({ page }) => {
+    await page.setContent(`
+      <ion-item color="primary">
+        <ion-input value="Text" clear-input="true"></ion-input>
+      </ion-item>
+    `);
+
+    const item = page.locator('ion-item');
+    expect(await item.screenshot()).toMatchSnapshot(
+      `input-with-clear-button-item-color-${page.getSnapshotSettings()}.png`
+    );
+  });
 });