feature request possibly: outputReferences to the scss/map-deep

[JackHowa]

feature request possibly:

• add outputReferences to the scss/map-deep
• would expect the option https://amzn.github.io/style-dictionary/#/formats?id=references-in-output-files

https://amzn.github.io/style-dictionary/#/formats?id=scssmap-deep

before:

/**
 * Do not edit directly
 * Generated on Tue, 05 Oct 2021 21:06:03 GMT
 */

$list-components-date-font-weight: 900 !default;
$links-bar-font-size: 14px !default;

$blocks: (
  'list': (
    'components': (
      'date': (
        'font-weight': $list-components-date-font-weight
      )
    )
  ),
  'links-bar': (
    'font-size': $links-bar-font-size
  )
);

ideally after:

/**
 * Do not edit directly
 * Generated on Tue, 05 Oct 2021 21:06:03 GMT
 */

$blocks: (
  'list': (
    'components': (
      'date': (
        'font-weight': 900 
      )
    )
  ),
  'links-bar': (
    'font-size': 14px
  )
);

minimal example: https://github.com/JackHowa/auto-rebuild-watcher-scss-css/tree/POC-update-font-color-watch-theme

Originally posted by @JackHowa in #643 (comment)

[notlee]

Hi, I came across the same thing and had a go at adding support here: #720

[notlee]

Oh, sorry, I didn't read your issue properly. My interpretation of how an outputReferences option for scss/map-deep would work is different. I'd expect it still to output global variables but those global variables would reference each other. That's what I've attempted to achieve in #720

before:

$color-core-neutral-0: #ffffff !default;
$color-background-primary: #ffffff !default;

$design-system-tokens: (
  'color': (
    'background': (
      'primary': $color-background-primary
    ),
    'neutral': (
      '0': $color-core-neutral-0,
    )
  )
)

after:

$color-core-neutral-0: #ffffff !default;
$color-background-primary: $color-core-neutral-0 !default;

$design-system-tokens: (
  'color': (
    'background': (
      'primary': $color-background-primary
    ),
    'neutral': (
      '0': $color-core-neutral-0,
    )
  )
)