로그인 카드 안에만 두었던 `:autofill` 우회를 `_form-field.scss`의 `field` 믹스인으로 옮긴다.
자동완성이 칠하는 배경은 특정 화면 문제가 아니라 텍스트 입력 전부에 해당한다.

- `_autofilled` 믹스인 신설. 배경은 `background`로 덮이지 않아 안쪽을 가득 채우는 inset
  그림자로 가리고, 글자색은 `color`가 먹지 않아 `-webkit-text-fill-color`로 맞춘다.
- 처음엔 표준(`:autofill`)과 접두사(`:-webkit-autofill`)를 따로 적었으나, Lightning CSS가
  browserslist 타깃을 보고 접두사를 표준형으로 합쳐 같은 규칙이 두 번 나오기만 했다
  (컴파일 결과 8건 → 정리 후 4건). 표준 하나만 남겼다.

적용 범위 — 자체 ``을 가진 fox-input · fox-text-area · fox-certified ·
fox-phone-number 넷에 직접 붙고, fox-email · fox-address · fox-file-upload는 내부에서
fox-input을 조립하므로 `.fox-input__field` 규칙으로 함께 덮인다. 즉 @fox의 모든 텍스트
입력이 커버된다.

Co-Authored-By: Claude Opus 5 

develop에서 온 FoxFormLabel과 내가 두었던 form-field의 label 믹스인이 같은 일을
두 갈래로 하고 있었다. 라벨 모양을 아는 곳을 하나로 줄인다.

- FoxFormLabel에 `as` 프롭 추가 — 칸 하나를 가리킬 때는 label, 칸 여러 개를 묶은
  필드에서는 span. 가리킬 대상이 하나가 아니라 htmlFor를 쓸 수 없고, 아무것도
  가리키지 않는 은 의미가 어긋난다.
- PhoneNumber·Certified·Email·Address·FileUpload가 자기 라벨을 그리지 않고
  FoxFormLabel(as="span")을 쓴다. 이제 이 다섯도 필수·선택 표시를 쓸 수 있다.
- 라벨 선언을 _fox-form-label.scss가 직접 갖고 form-field의 label 믹스인은 삭제.
  라벨 모양을 아는 곳이 한 곳뿐이 된다.

곁들여 고친 것 — Certified·Email·Address·FileUpload가 라벨에 id만 붙이고 아무 데도
연결하지 않아 화면에 보이는 이름이 읽히지 않았다. PhoneNumber와 같이
role="group" + aria-labelledby로 묶었다.

검증: 라벨 계산값이 15px/w600/#464c53/lh 1/ls -0.375px로 전과 같고, FoxInput은
여전히 로 입력을 가리킨다. sass 445규칙(라벨 블록 5개 감소) ·
tsc --noEmit · eslint 통과.

Co-Authored-By: Claude Opus 5 

FoxInput·TextArea·PhoneNumber·Certified·Email·Address·FileUpload가 라벨·
헬퍼·입력 상자·상태 규칙을 같은 값으로 되풀이하고 있었다. 시안에서 이들이 모두
같은 공용 컴포넌트라 값이 갈라질 이유가 없다.

- @fox/styles/_form-field.scss 추가 — root·label·message·message-icon·
  box·box-size·field·auto-states·fixed-states
- 믹스인만 있어 @use 해도 CSS가 늘지 않는다(파티셜 단독·묶음 모두 확인)
- 컴포넌트마다 다른 것만 인자로: 상자 gap·교차정렬, 알맹이 글자 크기·줄높이,
  알맹이 element 이름(field/segment), 오류 판정 범위
- PhoneNumber unit은 조각이 다른 컴포넌트라 헬퍼 오류를 넓게 본다 —
  $invalid-within으로 그대로 유지

값은 하나도 바꾸지 않았다. 컴파일 결과를 규칙 단위로 대조해 304개 규칙의
선택자·선언·순서가 모두 동일함을 확인했다(선언 순서만 5개 규칙에서 다르며
서로 다른 속성이라 렌더링 동일).

Co-Authored-By: Claude Opus 5