fix(ui): add --apkt-font-family-mono so custom fonts don't break mono text

[spennyp]

Description

Setting a custom base font via --apkt-font-family (or the legacy --w3m-font-family) previously broke every monospace piece of UI text (the WalletConnect "Copy link" button, wallet addresses, and amount inputs): they fell back to the browser default font instead of following the custom font.

Root cause: the regular font is themeable through the --apkt-fontFamily-regular CSS variable, which ThemeHelperUtil.generateW3MOverrides overrides with the custom font. The mono font (--apkt-fontFamily-mono, default KHTekaMono) had no equivalent override, so it kept resolving to KHTekaMono, whose @font-face is dropped once a custom font is set (see #4542). The result was an unloaded family with no fallback.

This adds a --apkt-font-family-mono theme variable that mirrors the regular one and falls back to --apkt-font-family when not provided. So a single --apkt-font-family now also styles monospace text (nothing breaks), while an explicit --apkt-font-family-mono is still respected. Default behavior (no custom font) is unchanged.

Changes (all in packages/ui):

• utils/ThemeHelperUtil.ts: resolve font-family-mono in normalizeThemeVariables (falls back to the base font), override --apkt-fontFamily-mono in generateW3MOverrides, and publish --w3m-font-family-mono in generateW3MVariables for parity.
• utils/TypeUtil.ts: add --apkt-font-family-mono and --w3m-font-family-mono to ThemeVariables.
• tests/ThemeHelperUtils.test.ts: cover the new override (base font only, explicit mono, mono only, no font).

Type of change

• Chore (non-breaking change that addresses non-functional tasks, maintenance, or code quality improvements)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Associated Issues

closes #5681

Showcase (Optional)

Reproduction (set a custom --apkt-font-family, then open the WalletConnect QR view and note "Copy link" does not follow it): https://stackblitz.com/edit/github-e1adycfs?file=src%2FApp.tsx

Toggling the --apkt-font-family line in that StackBlitz shows the before/after. With this branch, the mono text follows the custom font.

Checklist

• Code in this PR is covered by automated tests (Unit tests, E2E tests)
• My changes generate no new warnings
• I have reviewed my own code
• I have filled out all required sections
• I have tested my changes on the preview link
• Approver of this PR confirms that the changes are tested on the preview link

[changeset-bot]

🦋 Changeset detected

Latest commit: f2ab8da

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 26 packages

Name	Type
@reown/appkit-ui	Patch
@reown/appkit-common	Patch
@reown/appkit-controllers	Patch
@reown/appkit	Patch
@reown/appkit-scaffold-ui	Patch
@reown/appkit-siwe	Patch
@reown/appkit-wallet-button	Patch
@reown/appkit-experimental	Patch
@reown/appkit-pay	Patch
@reown/appkit-adapter-bitcoin	Patch
@reown/appkit-adapter-ethers	Patch
@reown/appkit-adapter-ethers5	Patch
@reown/appkit-adapter-solana	Patch
@reown/appkit-adapter-ton	Patch
@reown/appkit-adapter-tron	Patch
@reown/appkit-adapter-wagmi	Patch
@reown/appkit-universal-connector	Patch
@reown/appkit-utils	Patch
@reown/appkit-wallet	Patch
@reown/appkit-siwx	Patch
@reown/appkit-core	Patch
@reown/appkit-cdn	Patch
@reown/appkit-testing	Patch
@reown/appkit-polyfills	Patch
@reown/appkit-cli	Patch
@reown/appkit-codemod	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

@spennyp is attempting to deploy a commit to the Reown Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

All contributors have signed the CTA ✍️ ✅
_{Posted by the CLA Assistant Lite bot.}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: fc804ae039

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[spennyp]

I have read the CTA Document and I hereby sign the CTA