Export json color tokens with color family objects

## Description
When creating color palettes, exporting by going to "Use > Design Tokens" only exports ALL the colors as a single json object.
It would be helpful to export the palette with objects per color family (gray, blue, green, etc.).

Current
```
{
"color": {
"light": {
"gray100": {
...all the grays....
},
...rest of colors....
"yellow100": {
....all the yellows....
},
}
}
```

Ask
```
{
"color": {
"light": {
"gray": {
"gray100": {
...all the grays....
},
...rest of colors....
"yellow": {
"yellow100": {
....all the yellows....
},
}
}
```

## Why do you need this feature?
When importing color tokens to Figma, having the color families in an object will help so they are not one large list in the Figma color styles.
Updating this manually is very time consuming and actually breaks color style links.

## Additional context

Start from the “Use > Design Tokens” export flow described in the issue and trace how the color palette is converted to JSON. The work is done when colors are grouped into family objects such as gray, blue, green, and yellow, while preserving the existing token values and producing a structure suitable for Figma import.

Written by the indexing model from the issue text.