`plotly.express.imshow` blurry when exported to pdf

When writing plotly.express.imshow figure to pdf using write_image, the contents are rendered extremely blurry while axes and legends are rendered just fine: test.pdf

Code to produce figure:

import numpy as np
import plotly.express as px

np.random.seed(0)
data = np.random.randint(low=0, high=2, size=(10, 10))

fig = px.imshow(data)
fig.write_image('test.pdf', format='pdf')

I am using plotly version 5.24.1 and kaleido version 0.2.1.

Start by reproducing the issue with the provided NumPy and plotly.express.imshow example, using fig.write_image('test.pdf', format='pdf') and the reported plotly and kaleido versions. Compare the exported image content with the axes and legends; done means the image is rendered sharply in the PDF without degrading the other elements.