Shadow selection from block settings adds value instead of variable reference in template

[madhusudhand]

Description

Applying a shadow to a block from block settings adds a direct shadow value in the template.

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-green-cyan","style":{"shadow":"6px 6px 9px rgba(0, 0, 0, 0.2)"}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-vivid-green-cyan-background-color has-background wp-element-button" style="box-shadow:6px 6px 9px rgba(0, 0, 0, 0.2)">Button 1</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

Expectation: it should add the corresponding css variable in the template.

Step-by-step reproduction instructions

1. Edit any template, post or a page.
2. Add a button block
3. From block settings apply a core shadow (ex: natural)
4. Observe that the direct value is added in the template.

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[madhusudhand]

It's is no longer issue with Gutenberg trunk. Closing invalid.