Incorrect font in e2e tests in CI

### Describe the bug

Background: [Slack thread](https://metaboat.slack.com/archives/C052LBPDAF3/p1720176721037599?thread_ts=1720096231.281389&cid=C052LBPDAF3)


This is how it should look like: [image](https://github.com/metabase/metabase/assets/6830683/2ef9924b-202f-499f-b10e-8b7afdfe596b)

### To Reproduce

1. Open any Replay recording from any e2e test.
2. Notice text/font looks off and shifted (i.e. not the same as locally/in prod)

or

1. Unskip this test and run it in CI https://github.com/metabase/metabase/pull/45274/files#diff-1c12d5f5d863b106eb6103df0e4c0bade6d135344abdba2a88d051bf589fbbc4R1789

### Information about your Metabase installation

master, 4db6ede44af77f1abce3186718400ddad232ace4

also v50, v49, v48 and most likely beyond

### Severity

P2

Start with the skipped e2e test at the location linked in pull request #45274 and reproduce it in CI. Compare its Replay recording with the provided expected image and local or production rendering. Done means the test and its CI Replay recording no longer show shifted or incorrect fonts.

Written by the indexing model from the issue text.