Motivation

Text should be resizable, https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#sect1:

Note: Defining font sizes in px is not accessible, because the user cannot change the font size in some browsers. For example, users with limited vision may wish to set the font size much larger than the size chosen by a web designer. Avoid using them for font sizes if you wish to create an inclusive design.

This would require changing to relative font-size units for text content.

Proposed solution

Change the following to use relative font-size units (e.g. rem, em, %, smaller, larger):

Additional context

PR: #7571