Set code syntax in Figma using JSON

[Febakke]

We should auto-generate correct CSS syntax for use in Figma. This will make it easier for developers to understand what the variables set in Figma represents in CSS.

Full table of syntax here: #3544

• When fixed we should unpublish this "unofficial" plugin.
  • Not used much, so implementing this as a part of the JSON files will be a smoother solution.

[mimarz]

Syntax

• https://developers.figma.com/docs/plugins/api/CodeSyntaxPlatform

"color": {
    "accent": {
      "background-default": {
        "$extensions": {
          "com.figma.codeSyntax": {
            "Web": "--ds-color-background-default"
          }
        },
    }

We need to figure out if the syntax should include var() or not. We have with in todays community file.