localize legacy UI component styles

packages/ui/components/PinInput.wrn

@@ -116,6 +116,11 @@ component PinInput {
   }
 
   style {
+    .wire-next--pin-input.wire-next--invalid .wire-next__pin-cells input,
+    .wire-next--pin-input:has(input.wire-invalid) .wire-next__pin-cells input {
+      border-color: var(--wire-color-danger);
+    }
+
     .wire-next--pin-input {
       display: grid;
       width: 100%;