ci(tokens): adding transparent primary.20 [skip chromatic] (#1177)

<!-- ## Title: Please consider adding the [skip chromatic] flag to the
PR title in case you dont need chromatic testing your changes. -->
## Description:
following #1017 
token *background-transparent.primary.20 is added 

## Definition of Reviewable:
<!-- *PR notes: Irrelevant elements should be removed.* -->
- [ ] Documentation is created/updated
- [ ] relevant tickets are linked

packages/tokens/src/tokens.json

@@ -1189,6 +1189,11 @@
       }
     },
     "*background-transparent": {
+      "primary|10": {
+        "value": "rgba({blue.default}, 0.1)",
+        "type": "color",
+        "description": "Used for sd-audio (wave animation)"
+      },
       "primary|30": {
         "value": "rgba({blue.default}, 0.3)",
         "type": "color",
@@ -1197,42 +1202,47 @@
       "primary|80": {
         "value": "rgba({blue.default}, 0.8)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "primary|90": {
         "value": "rgba({blue.default}, 0.9)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "primary-100|80": {
         "value": "rgba({blue.100}, 0.8)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "primary-100|90": {
         "value": "rgba({blue.100}, 0.9)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
+      },
+      "white|20": {
+        "value": "rgba({white}, 0.2)",
+        "type": "color",
+        "description": "Used for sd-audio (wave animation inverted)"
       },
       "white|80": {
         "value": "rgba({white}, 0.8)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "white|90": {
         "value": "rgba({white}, 0.9)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser, sd-audio (wave animation)\n"
       },
       "neutral-100|80": {
         "value": "rgba({grey.100}, 0.8)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "neutral-100|90": {
         "value": "rgba({grey.100}, 0.9)",
         "type": "color",
-        "description": "Used for teaser"
+        "description": "Used for sd-teaser"
       },
       "primary-800|90": {
         "value": "rgba({blue.800}, 0.9)",