Some react tokens have wrong values

[jschuler]

For example global_BackgroundColor_100,

export const global_BackgroundColor_100 = {
  "name": "--pf-global--BackgroundColor--100",
  "value": "#151515",
  "var": "var(--pf-global--BackgroundColor--100)"
};
export default global_BackgroundColor_100;

The value should be #fff

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[guillaumevincent]

Don't close this one bot ! 😄

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[vkrizan]

When writing tokens, the values in a tree gets flatten and overwritten.

tokens['patternfly_variables'][':root'] == { 
  name: '--pf-global--BackgroundColor--100', value: '#fff' 
}

tokens['c_about_modal_box']['.pf-c-about-modal-box'] == {
  name: '--pf-global--BackgroundColor--100',
  value: '#151515',
  ^^^^^^^^^^^^^^^^^
  values: [
    '--pf-global--BackgroundColor--dark-100',
    '$pf-global--BackgroundColor--dark-100',
    '$pf-color-black-900',
    ^^^^^^^^^^^^^^^^^^^^^^
    '#151515'
    ^^^^^^^^^
  ]
}