[patternflow-bot]

dev / https://claude.ai/code/session_01EgXzDV37kQ9aV9WaexcZUx

정리 3단계 계획서 표의 PR 16 이다. 사이트 스타일을 만드는 Tailwind 둘(tailwindcss, @tailwindcss/postcss)을 4.2.4 에서 지금 메이저 안의 마지막 판 4.3.3 으로 올렸고, 고친 파일은 web/package-lock.json 하나다. 빌드한 CSS 는 Tailwind 변경 기록에 적힌 네 가지 고침만큼 달라졌고, 화면에 닿는 것은 Firefox 에서 iframe 에 포커스가 갈 때의 테두리 하나다. 머지되면 다음 의존성 PR(17, React Three)이 열릴 수 있다.

좋아지는 것: 없음

할 일

• 계획서 표의 PR 16 행(k16)과 D1·D4·D8·발견 7, docs/rfc-cleanup.md §2.1·§2.5·§2.13 답 4 를 읽는다
• 표의 「merges after 15」 확인: PR 15([DONE] 정리 3단계 PR 15 — 커뮤니티 DB 도구 Drizzle 이 지금 메이저 안의 새 판으로 올라간다 #56)가 dev 에 머지됨(dc9c2d1)
• 이 묶음의 npm outdated 를 전후로 찍는다
• npm update tailwindcss @tailwindcss/postcss 로 web/package-lock.json 만 바꾼다(package.json 그대로)
• npm ci 로 새 lockfile 에서 다시 깔고 typecheck, lint, check:ci, npm run build 를 돌린다. pattern-sandbox.html 해시가 같은지 본다
• 전후 빌드의 CSS 를 견주고, 달라진 줄마다 Tailwind 변경 기록과 사이트 쓰임을 맞춰 본다
• 빌드한 사이트를 Chromium 으로 열어 계산된 글꼴을 읽는다
• 잠금, 글투, doc-map 을 돌린다
• dev 를 merge 한다(c0d3d23, PR 26 의 문서 셋. 충돌 없음). 뒤에 drift, 잠금, doc-map 을 다시 돌렸다
• 이 PR 의 CI(Web CI, Drift checks) 5c07c4f success

한 일

web/package-lock.json 에서 18 항목의 판이 바뀌었다. 더해지거나 빠진 항목은 없다.

패키지	전	후	왜
tailwindcss	4.2.4	4.3.3	직접(dev)
@tailwindcss/postcss	4.2.4	4.3.3	직접(dev)
@tailwindcss/node	4.2.4	4.3.3	postcss 플러그인이 정확한 판으로 건다
@tailwindcss/oxide 와 플랫폼 빌드 12	4.2.4	4.3.3	같은 까닭
enhanced-resolve	5.20.1	5.26.0	@tailwindcss/node 4.3.3 이 ^5.24.1 을 건다. 이 트리에선 그만 쓴다
jiti	2.6.1	2.7.0	@tailwindcss/node 4.3.3 이 ^2.7.0 을 건다. eslint 와 vite 도 같은 사본을 건다

lightningcss 1.32.0, postcss 8.5.23, tapable 2.3.3 은 그대로다. +79 −79, 계획서 D8 대로 생성된 글이다.

증거

로컬, web/:

$ npm outdated        # 전, 이 묶음 줄만
Package                       Current    Wanted    Latest
@tailwindcss/postcss            4.2.4     4.3.3     4.3.3
tailwindcss                     4.2.4     4.3.3     4.3.3

$ npm update tailwindcss @tailwindcss/postcss
$ git diff --stat
 web/package-lock.json | 158 +++++++++++++++++++++++++-------------------------

$ npm outdated | grep -ci tailwind   # 후
0

$ npm ls tailwindcss @tailwindcss/postcss enhanced-resolve jiti
+-- @tailwindcss/postcss@4.3.3
| `-- @tailwindcss/node@4.3.3
|   +-- enhanced-resolve@5.26.0
|   `-- jiti@2.7.0 deduped
+-- eslint@9.39.5
| `-- jiti@2.7.0
+-- tailwindcss@4.3.3
`-- vitest@3.2.7
  `-- vite@6.4.3
    `-- jiti@2.7.0 deduped

$ git diff --name-only origin/dev...HEAD
web/package-lock.json

$ npm ci                                      # added 807 packages
$ npm run typecheck                           # 출력 없음, exit 0
$ npm run lint -- --max-warnings=0            # 출력 없음, exit 0 (web-ci.yml 과 같은 꼴)
$ npm run check:ci                            # exit 0
 Test Files  35 passed (35)                   # check:panels
      Tests  478 passed (478)
pattern-sandbox.html is up to date            # check:sandbox-sync
All module cache checks passed.               # check:modcache
passed   bom
passed   bom-schematic
passed   changelog
passed   editions
passed   features
passed   links-absolute
passed   markers
passed   presets
skipped  roadmap                              # 이 세션은 원래 레포를 못 읽는다. CI 는 strict 로 돈다
passed   shared

$ npm run build                               # 전도 후도 exit 0
✓ Compiled successfully in 20.1s
✓ Generating static pages using 3 workers (135/135) in 17.2s

$ sha256sum public/pattern-sandbox.html       # 전과 후가 같다
2fd57d42c5521b9de2d857b0d09b2232226ef8075d9d68baa8b1eed26b017677  public/pattern-sandbox.html

$ npm run check:human-lock
check:human-lock: no locked words changed
$ npm run check:voice
check:voice: nothing found

$ git fetch --tags && npm run doc-map         # dev merge 뒤. CSV 는 git checkout 으로 되돌렸다
1095 links from 217 files → docs/investigations/2026-10-doc-map.csv
0 do not resolve
1366 Korean/English pairs → docs/investigations/2026-10-doc-parity.csv
7 en-short, 18 ko-short, 1 missing-ko, 1340 ok

빌드한 CSS 17 덩이 가운데 Tailwind 를 담은 하나(71282 → 71328 바이트)만 달라졌다. 줄마다 Tailwind 변경 기록(4.2.4 → 4.3.3)에 적힌 고침이다.

달라진 줄	Tailwind 고침	이 사이트에서
--font-sans 와 preflight 의 기본 글꼴이 ui-sans-serif, system-ui 에서 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto … 로	4.3.3, tailwindlabs/tailwindcss#20318 (Windows 에서 CJK 글이 페이지 lang 을 따르게)	globals.css 의 html, body { font-family: var(--sans) } 가 레이어 밖이라 preflight 를 이긴다. font-sans 를 단 요소는 빌드한 페이지에 없다
:-moz-focusring 이 :where(:not(iframe)) 로 좁아짐	4.3.3, #20292 (Firefox 의 iframe 포커스 테두리를 덮지 않게)	iframe 포커스 테두리만 Firefox 기본으로 돌아간다
.start, .end 가 없어짐	4.3.0, #20003 (값 없는 옛 start·end 가 CSS 를 만들지 않게)	스캐너가 소스의 낱말에서 만든 클래스다. 프리렌더한 122 페이지의 class 14871 개 가운데 start·end 를 단 것은 0
.p-1, .size-1 이 calc(var(--spacing) * 1) 에서 var(--spacing) 로	4.3.1, #20196	같은 값이다

빌드한 사이트(next start)를 Chromium 으로 열어 계산된 font-family 를 읽었다. 세 페이지 모두 html·body 가 사이트 글꼴이고, Tailwind 의 --font-sans 는 새 값으로 바뀌었지만 아무도 읽지 않는다.

/             html, body: Inter, Pretendard, ui-sans-serif, system-ui, sans-serif   button: "JetBrains Mono", ui-monospace, monospace
/pattern-lab  html, body: Inter, Pretendard, ui-sans-serif, system-ui, sans-serif   button: Inter, "Inter Fallback", system-ui, sans-serif
/guide/build  html, body: Inter, Pretendard, ui-sans-serif, system-ui, sans-serif   button: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace
--font-sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", …

/community 는 파이의 community.patternflow.work 로 넘어가 이 세션에선 열리지 않았다.

doc-map 은 dev merge 전엔 커밋된 CSV 와 같게 나왔다(1092 링크). merge 뒤엔 PR 26 이 문서에 더한 링크 셋만큼 doc-map CSV 가 달라졌고 이 PR 의 줄은 없다.

GitHub, 이 PR: 565d545 에서 「Web CI / build」(116306114908)와 「Drift checks / check」(116306114984, PF_DRIFT_STRICT=1, human-lock 포함)가 success. dev 를 merge 한 5c07c4f 에서도 「Web CI / build」(116309106398)와 「Drift checks / check」(116309106626)가 success.

실행법

cd web && npm ci
npm outdated              # tailwindcss, @tailwindcss/postcss 줄이 없다
npm run lint -- --max-warnings=0 && npm run typecheck && npm run check:ci && npm run build

가정

• 기준 브랜치는 dev(머리말). 표가 PR 16 에 적은 web/package-lock.json 하나만 고쳤다. CHANGELOG.md, docs/rfc-cleanup-progress.md, doc-map CSV 는 안 고쳤다. 라벨은 PR 14, 15 처럼 달지 않았다.
• 「Tailwind」 묶음을 같이 나오는 tailwindcss 와 @tailwindcss/postcss 둘로 잡았다(D4). @tailwindcss/node 와 oxide 는 postcss 플러그인이 정확한 판으로 걸어 따라 움직였다.
• enhanced-resolve 와 jiti 는 Tailwind 묶음이 아니지만, @tailwindcss/node 4.3.3 이 아래 한계를 올려 npm update 가 같이 올렸다. 둘 다 지금 메이저 안이다. jiti 는 eslint 와 vite 도 같은 사본을 걸어 두는데, 2.7.0 에서 lint 와 check:panels(vitest)가 그대로 통과했다. 따로 PR 을 낼 묶음이 아니라고 봤다.
• 계획서 D1 은 의존성 판 올림의 동작 변화를 받아들인다. 그래도 CSS 차이를 줄마다 확인했고, 화면에 닿는 것은 Firefox 에서 iframe 에 포커스가 갈 때의 테두리 하나다. 스크린샷은 찍지 않았다. 그림을 레포에 커밋하면 표가 적지 않은 파일이 늘어서다.
• 이날 npm outdated 의 Latest 가 Wanted 와 같아서, 이 PR 뒤 Tailwind 는 npm latest 판이다.
• 펌웨어를 건드리지 않아 build.sh all 은 해당이 없다.
• Changelog 절은 ### Web 하나로 했다.

Changelog

Web

• Tailwind is on its latest 4.x release. tailwindcss and @tailwindcss/postcss 4.3.3, in web/package-lock.json only.

Upstream

• What: Update Tailwind inside its current major, in web/package-lock.json only: tailwindcss and its PostCSS plugin 4.2.4 to 4.3.3, which also moves enhanced-resolve to 5.26.0 and jiti to 2.7.0. package.json is unchanged.
• Checks: npm run typecheck, npm run lint, npm run check:ci and npm run build pass; the built Tailwind stylesheet differs only where the 4.3 changelog says, and pattern-sandbox.html is byte for byte the same.
• Docs map: none

🤖 Generated with Claude Code

https://claude.ai/code/session_01EgXzDV37kQ9aV9WaexcZUx