We've discussed this a few times in the past, and I think we're all in agreement that utility classes in CSS are generally not the best way to style things at a component level in a design system. However practically, a few carefully chosen utility classes can come in useful at times, particularly in the cases where you're not working directly with a component (e.g. page headings, custom sections etc).

We already have some (undocumented?) utility classes for page headings. I've found these at times to be a big time saver when scaffolding out pages.

So I'd like to propose we add a few more, carefully chosen utility classes. My suggestions are:

• mzp-u-visually-hidden (visibility: hidden;)
• mzp-u-centered (text-align: center;)

That's it for now, but I'd suggest we document these along with the heading utility classes?