add typography options to list component

[kirilzh]

Description

Addresses: #25725

Adds typography controls to the list block.

Screenshots

Types of changes

Non-breaking change.

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR.

[skorasaurus]

Thanks for the contribution; I briefly tested the options; (I didn't use a block-based theme that would use theme.json; just used twentytwenty and maxwell themes) and it works as expected.

The ability for users to access block options like this should be programmatically controlled and that
should/could be addressed in #20588

[paaljoachim]

The user interface looks good. Thank you for adding the typography panel to the List block, Kiril!

Before:

After:

[ItsJonQ]

@kirilzh Thanks for adding this 🎉 .

I tested it locally. For some reason, only the custom font size is working for me. The FontSizePicker doesn't allow for me to choose a different size (e.g. "Small").

This may very well be that my local dev environment is messed up and unhappy.

To double check, would someone be able to confirm that the changing the font-size to preset values work? (e.g. Small or Large)

Thanks!

---

Update

It's working. It was just my local development that was wonky.

[ItsJonQ]

🚀 from me! Tested locally, and the FontSize controls are working for the List block (as expected).

Thank you @kirilzh !