WP_Theme_JSON::update_button_width_declarations( array $feature_declarations, array $settings ): array

3434	private static function update_button_width_declarations( $feature_declarations, $settings ) {3435		if ( ! isset( $feature_declarations['.wp-block-button'] ) ) {3436			return $feature_declarations;3437		}3438 3439		foreach ( $feature_declarations['.wp-block-button'] as &$declaration ) {3440			if ( 'width' !== $declaration['name'] || ! isset( $declaration['value'] ) ) {3441				continue;3442			}3443 3444			$value      = $declaration['value'];3445			$percentage = null;3446 3447			// Case 1: Direct percentage value e.g. "25%".3448			if ( is_string( $value ) && str_ends_with( $value, '%' ) ) {3449				$percentage = (float) $value;3450			}3451 3452			// Case 2: Preset CSS var e.g. "var(--wp--preset--dimension--50)".3453			if ( null === $percentage && is_string( $value ) && str_starts_with( $value, 'var(--wp--preset--dimension--' ) ) {3454				// Extract the slug from the var name.3455				$slug = substr( $value, strlen( 'var(--wp--preset--dimension--' ), -1 );3456 3457				/*3458				 * Look up the preset size across all origins.3459				 * Check block-level settings first (core/button), then top-level settings.3460				 */3461				$dimension_sizes = ( $settings['blocks']['core/button']['dimensions']['dimensionSizes'] ?? array() )3462					+ ( $settings['dimensions']['dimensionSizes'] ?? array() );3463				foreach ( $dimension_sizes as $origin_sizes ) {3464					if ( ! is_array( $origin_sizes ) ) {3465						continue;3466					}3467					foreach ( $origin_sizes as $preset ) {3468						if ( isset( $preset['slug'] ) && $slug === $preset['slug'] && isset( $preset['size'] ) ) {3469							$size = $preset['size'];3470							if ( is_string( $size ) && str_ends_with( $size, '%' ) ) {3471								$percentage = (float) $size;3472							}3473							break 2;3474						}3475					}3476				}3477			}3478 3479			if ( null === $percentage ) {3480				continue;3481			}3482 3483			/*3484			 * Apply the same calc() formula as the block instance level (style.scss).3485			 * The numeric percentage value is used as a unitless number:3486			 * - Multiplied by 1% to get the percentage width.3487			 * - Divided by 100 to calculate the gap adjustment proportion.3488			 */3489			$declaration['value'] = sprintf(3490				'calc(%s * 1%% - (var(--wp--style--block-gap, 0.5em) * (1 - %s / 100)))',3491				$percentage,3492				$percentage3493			);3494		}3495		unset( $declaration );3496 3497		return $feature_declarations;3498	}