fix: issue with floating textarea valid border color (#5283)

Author: nmerget

packages/components/src/styles/internal/_form-components.scss

@@ -75,12 +75,12 @@ $db-min-inline-size: var(
 	// Workaround until the :blank pseudo-class is widely supported; then prefer targeting that pseudo-class.
 	#{$selector} {
 		&:is(
-			[type="date"],
-			[type="datetime-local"],
-			[type="month"],
-			[type="week"],
-			[type="time"]
-		):not(:user-valid)::-webkit-datetime-edit {
+				[type="date"],
+				[type="datetime-local"],
+				[type="month"],
+				[type="week"],
+				[type="time"]
+			):not(:user-valid)::-webkit-datetime-edit {
 			@content;
 		}
 	}
@@ -207,10 +207,6 @@ $db-min-inline-size: var(
 		$variant: "critical";
 	}
 
-	@if $selector == textarea {
-		--db-textarea-read-only: var(--db-#{$variant}-bg-basic-level-1-default);
-	}
-
 	@if $selector != textarea {
 		@extend %db-#{$variant}-variables;
 		/* stylelint-disable-next-line at-rule-empty-line-before */
@@ -241,6 +237,10 @@ $db-min-inline-size: var(
 		--db-adaptive-on-bg-basic-emphasis-60-default: var(
 			--db-#{$variant}-on-bg-basic-emphasis-60-default
 		);
+
+		&[data-variant="floating"]::after {
+			border-color: var(--db-#{$variant}-on-bg-basic-emphasis-70-default);
+		}
 	}
 
 	#{$selector},