Agreed, the way this is returned makes it very difficult to map to a headless frontend.
{ "#states": { "visible": { ".webform-submission-newsletter-add-form :input[name=\"country\"]": { "value": "AU" } } } }
Theoretically you could parse
.webform-submission-newsletter-add-form :input[name=\"country\"]
but it's unfortunate that this is a CSS targeting rule instead of a more appropriate JSON structure nested under the field name.