fix(textarea): use proper design for helper and error text

core/src/components/textarea/textarea.common.scss

@@ -351,8 +351,6 @@
 
   border-top: var(--border-width) var(--border-style) var(--border-color);
 
-  font-size: dynamic-font(12px);
-
   white-space: normal;
 }
 
@@ -381,8 +379,6 @@
 
 .textarea-bottom .helper-text {
   display: block;
-
-  color: $text-color-step-300;
 }
 
 :host(.ion-touched.ion-invalid) .textarea-bottom .error-text {

core/src/components/textarea/textarea.native.scss

@@ -57,11 +57,18 @@
   font-size: globals.dynamic-font(12px);
 }
 
+// Textarea Hint Text
+// ----------------------------------------------------------------
+
+.textarea-bottom .helper-text {
+  color: globals.$text-color-step-300;
+}
+
 // Textarea Max Length Counter
 // ----------------------------------------------------------------
 
 .textarea-bottom .counter {
-  color: #{globals.$text-color-step-450};
+  color: globals.$text-color-step-300;
 
   padding-inline-start: 16px;
 }