fix: use Matter for BoldNumber

[daibhin]

Problem

We use the font-title variable for headings but the BoldNumber is wrapped in a div

Changes

Set the font family of the BoldNumber__value (e.g. just the title) to be that of the title (default to Matter if available)

How did you test this code?

Need to test in production as fonts do not work locally yet

[github-actions]

Size Change: +237 B (0%)

Total Size: 1.83 MB

ℹ️ View Unchanged

Filename	Size	Change
frontend/dist/toolbar.js	1.83 MB	+237 B (0%)

_{compressed-size-action}

[corywatilo]

In general I'm trying to restrict Matter to being used only in chrome, not in customer data. I didn't see what this changed, but sounds like it would do that?

[daibhin]

@corywatilo relates to this thread: https://posthog.slack.com/archives/C04L2CV12V9/p1701110786218959. Maybe the right answer is to not use Matter in the pie chart - thoughts?

[corywatilo]

Correct, yeah I'd go with Inter in this case.

[posthog-bot]

📸 UI snapshots have been updated

5 snapshot changes in total. 0 added, 5 modified, 0 deleted:

• chromium: 0 added, 4 modified, 0 deleted (diff for shard 1, diff for shard 2)
• webkit: 0 added, 1 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 1 modified, 0 deleted (diff for shard 1)
• webkit: 0 added, 0 modified, 0 deleted

Triggered by this commit.

👉 Review this PR's diff of snapshots.