refactor(design): replace Chakra inline styles in merge-queue.mdx

[jd]

Co-Authored-By: Claude Sonnet 4.6 noreply@anthropic.com

Depends-On: #11320

[jd]

This pull request is part of a Mergify stack:

#	Pull Request	Link
1	feat(design): add primitive token layer (tokens.css)	#11299
2	feat(design): add typography utilities (typography.css)	#11300
3	feat(design): load tokens.css and typography.css	#11301
4	docs(design): add DESIGN.md design system documentation	#11302
5	docs(design): link DESIGN.md from AGENTS.md and CLAUDE.md	#11303
6	fix(lint): exclude root *.md files from remark-lint rules	#11304
7	fix(design): address Phase 1 code review findings	#11305
8	refactor(design): map semantic tokens to new primitive layer	#11307
9	fix(header): solid distinct navbar surface for light-mode readability	#11308
10	refactor(design): migrate CommunityButton and CopyForLLMButton off Chakra	#11319
11	refactor(design): migrate Button.astro off Chakra ramps	#11320
12	refactor(design): replace Chakra inline styles in merge-queue.mdx	#11321	👈
13	refactor(design): align MDX heading rules with typography utilities	#11322
14	refactor(design): migrate homepage to typography utility classes	#11323
15	refactor(design): align expressive-code overrides with semantic tokens	#11324
16	refactor(design): remove Chakra color block	#11325
17	fix(design): address Phase 3 code review findings	#11326
18	refactor(design): collapse per-section accent rules into single tokenized rule	#11328
19	refactor(design): tokenize home-discovery callout (placeholder for B)	#11329
20	refactor(design): migrate --color-mergify-blue consumers to semantic tokens	#11330
21	refactor(design): remove --color-mergify-blue and HSLA primitives	#11331
22	fix(design): migrate orphan --theme-dim* and --theme-text-accent refs	#11332
23	fix(design): address Phase 4 code review findings	#11333
24	fix(layout): remove left-sidebar rounded scoop	#11334

[mergify]

Merge Protections

Your pull request matches the following merge protections and will not be merged until they are valid.

🔴 ⛓️ Depends-On Requirements

Waiting for:

• depends-on = Mergifyio/docs#11299 [⛓️ feat(design): add primitive token layer (tokens.css) #11299 [stack]]
• depends-on = Mergifyio/docs#11300 [⛓️ feat(design): add typography utilities (typography.css) #11300 [stack]]
• depends-on = Mergifyio/docs#11301 [⛓️ feat(design): load tokens.css and typography.css #11301 [stack]]
• depends-on = Mergifyio/docs#11302 [⛓️ docs(design): add DESIGN.md design system documentation #11302 [stack]]
• depends-on = Mergifyio/docs#11303 [⛓️ docs(design): link DESIGN.md from AGENTS.md and CLAUDE.md #11303 [stack]]
• depends-on = Mergifyio/docs#11304 [⛓️ fix(lint): exclude root *.md files from remark-lint rules #11304 [stack]]
• depends-on = Mergifyio/docs#11305 [⛓️ fix(design): address Phase 1 code review findings #11305 [stack]]
• depends-on = Mergifyio/docs#11307 [⛓️ refactor(design): map semantic tokens to new primitive layer #11307 [stack]]
• depends-on = Mergifyio/docs#11308 [⛓️ fix(header): solid distinct navbar surface for light-mode readability #11308 [stack]]
• depends-on = Mergifyio/docs#11319 [⛓️ refactor(design): migrate CommunityButton and CopyForLLMButton off Chakra #11319 [stack]]
• depends-on = Mergifyio/docs#11320 [⛓️ refactor(design): migrate Button.astro off Chakra ramps #11320 [stack]]

This rule is failing.

Requirement based on the presence of Depends-On in the body of the pull request

• depends-on = Mergifyio/docs#11299 [⛓️ feat(design): add primitive token layer (tokens.css) #11299 [stack]]
• depends-on = Mergifyio/docs#11300 [⛓️ feat(design): add typography utilities (typography.css) #11300 [stack]]
• depends-on = Mergifyio/docs#11301 [⛓️ feat(design): load tokens.css and typography.css #11301 [stack]]
• depends-on = Mergifyio/docs#11302 [⛓️ docs(design): add DESIGN.md design system documentation #11302 [stack]]
• depends-on = Mergifyio/docs#11303 [⛓️ docs(design): link DESIGN.md from AGENTS.md and CLAUDE.md #11303 [stack]]
• depends-on = Mergifyio/docs#11304 [⛓️ fix(lint): exclude root *.md files from remark-lint rules #11304 [stack]]
• depends-on = Mergifyio/docs#11305 [⛓️ fix(design): address Phase 1 code review findings #11305 [stack]]
• depends-on = Mergifyio/docs#11307 [⛓️ refactor(design): map semantic tokens to new primitive layer #11307 [stack]]
• depends-on = Mergifyio/docs#11308 [⛓️ fix(header): solid distinct navbar surface for light-mode readability #11308 [stack]]
• depends-on = Mergifyio/docs#11319 [⛓️ refactor(design): migrate CommunityButton and CopyForLLMButton off Chakra #11319 [stack]]
• depends-on = Mergifyio/docs#11320 [⛓️ refactor(design): migrate Button.astro off Chakra ramps #11320 [stack]]

🔴 👀 Review Requirements

Waiting for:

• #approved-reviews-by >= 2

This rule is failing.

• any of:
  • #approved-reviews-by >= 2
  • author = dependabot[bot]
  • author = mergify-ci-bot

🔴 🔎 Reviews

Waiting for:

• #review-requested = 0

This rule is failing.

• #review-requested = 0
• #changes-requested-reviews-by = 0
• #review-threads-unresolved = 0

🟢 🤖 Continuous Integration

Wonderful, this rule succeeded.

• all of:
  • check-success = build
  • check-success = lint
  • check-success = test
  • any of:
    • check-success = test-broken-links
    • label = ignore-broken-links
  • any of:
    • check-success=Cloudflare Pages
    • -head-repo-full-name~=^Mergifyio/

🟢 Enforce conventional commit

Wonderful, this rule succeeded.

Make sure that we follow https://www.conventionalcommits.org/en/v1.0.0/

• title ~= ^(fix|feat|docs|style|refactor|perf|test|build|ci|chore|revert|ui)(?:\(.+\))?:

🟢 📕 PR description

Wonderful, this rule succeeded.

• body ~= (?ms:.{48,})

[jd]

Revision history

#	Type	Changes	Reason	Date
1	initial	3342a7d		2026-04-30 09:12 UTC
2	rebase	3342a7d → dc1f2db		2026-04-30 09:12 UTC