fix(input): update error text color for ionic theme (#29270)

core/src/components/input/input.ionic.scss

@@ -3,8 +3,10 @@
 
 // Ionic Input
 // --------------------------------------------------
-
+:host {
-
+  // TODO(FW-6113): Verify the ionic design token is correct once it's available and remove the hardcoded value.
+  --highlight-color-invalid: var(--ionic-color-error-600, #970606);
+}
 
 // Ionic Input Sizes
 // --------------------------------------------------
@@ -20,3 +22,7 @@
   // TODO(FW-6112): Verify the design token is correct once it's available and remove the hardcoded value.
   color: var(--ionic-color-neutral-600, #535353);
 }
+
+.input-bottom .error-text {
+  color: var(--highlight-color-invalid);
+}

core/src/components/input/test/bottom-content/input.e2e.ts

@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ directions: ['ltr'], modes: ['md', 'ios'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('input: bottom content'), () => {
     test('entire input component should render correctly with no fill', async ({ page }) => {
       await page.setContent(