Allow references without .value

[markacianfrani]

Currently, for outputReferences to work, you need to define your reference using .value like:

      "base"  : { "value": "{size.font.medium.value}" }

If your reference doesn't include .value it won't work:

    "base"  : { "value": "{size.font.medium}" }

The design tokens working group first draft actually has the reference defined without .value

{
  "group name": {
    "token name": {
      "value": 1234
    }
  },
  "alias name": {
    "value": "{group name.token name}"
  }
}

Would you be open to supporting references without .value to better align with the spec's working draft?

From what I can tell, we'd just need to modify around line 91 of https://github.com/amzn/style-dictionary/blob/main/lib/common/formatHelpers/createPropertyFormatter.js to maybe check if it's object and if the object has a value property, use that instead.

Would be happy to put in a PR if you think that's a good approach.

[lukasoppermann]

Would love this as well.

[phantasmagoriadigital]

+1 This would be really helpful to synchronise our tokens between figma tokens and style dictionary. That way we can keep all our tokens as per W3C spec.

[esthercheran]

+1 Would be really helpful for us too.

[zetareticoli]

+1 Would be really useful to stay aligned with Figma plugin and Style Dictionary output

[chazzmoney]

Closed via #746