UI/fonts: migrate all text-* classes

pkgs/webview-ui/app/src/components/FileInput.tsx

@@ -92,7 +92,9 @@ export function FileInput(props: FileInputProps) {
           aria-errormessage={`${props.name}-error`}
         />
         {props.error && (
-          <span class="label-text-alt font-bold text-error">{props.error}</span>
+          <span class="label-text-alt font-bold text-error-700">
+            {props.error}
+          </span>
         )}
       </div>
     </div>

pkgs/webview-ui/app/src/components/SelectInput.tsx

@@ -47,7 +47,9 @@ export function SelectInput<T extends FieldValues, R extends ResponseData>(
       </select>
 
       {props.error && (
-        <span class="label-text-alt font-bold text-error">{props.error}</span>
+        <span class="label-text-alt font-bold text-error-700">
+          {props.error}
+        </span>
       )}
     </label>
   );

pkgs/webview-ui/app/src/components/TextInput.tsx

@@ -63,7 +63,9 @@ export function TextInput<T extends FieldValues, R extends ResponseData>(
         </Show>
       </div>
       {props.error && (
-        <span class="label-text-alt font-bold text-error">{props.error}</span>
+        <span class="label-text-alt font-bold text-error-700">
+          {props.error}
+        </span>
       )}
     </label>
   );