Feature/transform modify to hex

[druhill]

Adds a transform that would allow for use of any colour space modifiers within tokens studio that will then convert these to hex during the build process.

From what I can see it is currently not possible to populate the 'format' attribute from Figma, so this transform would replace the requirement to edit the json to add these attributes.

This approach could be expanded to add transforms for each colour space that could be specified during the build process to ensure consistency.

The code is essentially just a port of the code used within the Tokens Studio plugin

fixes #53

[changeset-bot]

🦋 Changeset detected

Latest commit: 1327559

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@tokens-studio/sd-transforms	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[jorenbroekema]

Hm I am interested in allowing you to globally specify the format of color modifiers, once, rather than per token, but please take a look at this issue where I outlined how I'd like the API to be for that #53

Would you be interested in implementing it that way instead in this PR?

[druhill]

@jorenbroekema Very much still a WIP, but is this the kind of approach you mean?

[jorenbroekema]

So the API would become:

registerTransform(StyleDictionary, {
  "ts/color/modifiers": {
    format: "hex"
  },
});

and

transformColorModifiers(token, { format: "hex" });

respectively, depending on whether you use the full transformGroup or the color modifier transform function as standalone. And then you don't need a secondary transform to handle the formatting of the color after the color modification, and you get the same result which is passing the output format once only, rather than per token

[jorenbroekema]

I added a changeset, add some small detail to readme, and adjusted one of my integration/smoke tests to include this option, so that we have at least 1 test that checks that this option is working from end to end.

Thanks a lot for contributing this! :) looks great overall