Parse padding presets for use in sizes values

[joemcgill]

As described in this comment. In order to make an image's sizes value more accurately reflect the constraints of its alignment container, we need to incorporate the way padding settings affect the width of the container. For example, in the Twenty Twenty-four theme, the default settings.layout.contentSize setting is 620px, which is the max size that the container will be on larger viewport widths, but that width gets constrained by the padding styles for the site.

However, in many cases, theme.json padding styles reference the global padding settings, using CSS variables like var(--wp--preset--spacing--50), which cannot be calculated by the browser when the sizes attribute is parsed, so we will need a way to parse these settings into valid media query values.

[swissspidy]

An alternative to parsing those values could be to use Optimization Detective, WDYT?

[joemcgill]

For sure! But I intentionally don't want to make OD a dependency of this effort for now. I think OD could be used to enhance things but it would be good to have some improvements that could be merged to WP without also merging the whole OD API.