Navigate to Customizer > Typography, and set the Heading font to something noticeably different than the system UI font used by Newspack UI (I used Chalkboard).
Start a modal checkout using the Donate Block or Checkout Button block.
For the credit card number, use a number that will fail like 4000000000000002.
Note the font family used by the error:
Apply this PR and run npm run build.
Repeat steps 2-4 and confirm the error uses the right sans-serif font:
Other information:
[x] Have you added an explanation of what your changes do and why you'd like us to include them?
[ ] Have you written new tests for your changes, as applicable?
[ ] Have you successfully ran tests with your changes locally?
All Submissions:
Changes proposed in this Pull Request:
This PR fixes a tiny error I noticed while testing https://github.com/Automattic/newspack-blocks/pull/1847, but that wasn't introduced in it: the WooCommerce errors are not picking up the right font family.
How to test the changes in this Pull Request:
4000000000000002
.npm run build
.Other information: