Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adds typography support to the Latest Comments block.

Why?

• Improves consistency of our design tools across blocks.
• Allows styling all comments within the block in a single place.

How?

• Opts into all typography supports.
• Sets font size control to display by default.
• Only skips passing spacing attributes to the server side render so individual block styles can still override those applied via Global Styles or theme.json

Testing Instructions

1. Create a post and add a Latest Comments block to it
2. Switch to the Site Editor
3. Navigate to Globale Styles > Blocks > Latest Comments > Typography
4. Apply new styles for all available typography styles and save
5. Switch back to the Post Editor and reload
6. Ensure that all global typography styles have been applied
7. Switch to the frontend, reload, and confirm all typography styles have been applied there as well
8. Back in the Post Editor, select the Latest Comments block, and open the block inspector sidebar and the appearance tab
9. Toggle on all optional typography controls
10. Apply style overrides for each typography style, ensure that these get applied in the editor
11. Save the post and reload the frontend to check the style overrides are applied correctly
12. Back in in Post Editor, select the Latest Comments block, and navigate back to the block inspector’s appearance tab
13. This time apply some padding and margin styles
14. Check that these padding and margin styles are only applied to the outer wrapper of the block, not the inner server side rendered element
15. Save and confirm the spacing styles are still applied correctly on the frontend

Screenshots or screencast