fix: PinInput separator — simple text-lg with flex center, no display-xl

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/base/pin-input/pin-input.tsx

@@ -115,8 +115,8 @@ const FakeCaret = ({ size = "md" }: { size?: "sm" | "md" | "lg" }) => {
 
 const Separator = (props: ComponentPropsWithRef<"p">) => {
     return (
-        <div role="separator" {...props} className={cx("flex items-center justify-center text-display-xl font-medium leading-none text-placeholder_subtle -translate-y-0.5", props.className)}>
-            &ndash;
+        <div role="separator" {...props} className={cx("flex items-center justify-center text-lg text-placeholder_subtle", props.className)}>
+            –
         </div>
     );
 };