Description

Fixes #34096

馃毀 Note: this is still a WIP, I still need to add tests and see if the approach is viable 馃毀

In #34096 it was reported that in themes that don't include the % unit, that percentage width columns display the current value as px instead of as %. This PR explores ensuring that if there is a current value, that its unit is displayed correctly in the drop-down.

The idea here is that whether or not we wish to hide or disable a particular unit, if the current value has somehow managed to be an invalid unit, we should still do our best to display it correctly and allow it to be editable. Once the user switches to another unit, then a theme's list of allowed units will take precedence.

How has this been tested?

• With TT1-blocks applied, go to add a Columns block and select one of the 70/30 variations, which sets a percentage width for each column
• Select the column, and you should see that the unitcontrol value includes the currently selected unit %
• Switch to a different unit
• In the drop-down for the unit, you should no longer be able to select %

Screenshots

Types of changes

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• 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 (please manually search all *.native.js files for terms that need renaming or removal).