update template

.github/templates/import-figma-variables/action.yml

@@ -0,0 +1,27 @@
+name: Reusable workflow for importing Figma variables
+description: Imports Figma variables using our @sit-onyx/figma-utils CLI
+
+inputs:
+  modes:
+    required: true
+    description: Modes to import
+  selector:
+    required: true
+    description: CSS selector for the resulting CSS file
+  output-directory:
+    required: true
+    description: Directory to write the output files to
+  format:
+    default: CSS
+    description: File formats to generate
+  file-prefix:
+    default: ""
+    description: File prefix
+
+runs:
+  using: composite
+  steps:
+    - run: |
+        pnpm run @sit-onyx/figma-utils import-variables -k "${{ vars.FIGMA_FILE_KEY }}" -t "${{ secrets.FIGMA_TOKEN }}" -d "${{ inputs.output-directory }}" -m ${{ inputs.modes }} -f ${{ inputs.format }} -s "${{ inputs.selector }}" -n "${{ inputs.file-prefix }}"
+      shell: bash
+      working-directory: packages/figma-utils

.github/workflows/import-figma.yml

@@ -33,29 +33,29 @@ jobs:
           format: CSS JSON
           output-directory: "../sit-onyx/src/styles/themes"
 
-      - uses: ./.github/workflows/template-import-figma-variables.yml
-        name: Import additional onyx themes
+      - name: Import additional onyx themes
+        uses: ./.github/templates/import-figma-variables
         with:
           modes: lidl kaufland twogo
           selector: ":where(:root), .onyx-theme-{mode}"
           output-directory: "../sit-onyx/src/styles/themes"
 
-      - uses: ./.github/workflows/template-import-figma-variables.yml
-        name: Import light variables
+      - name: Import light variables
+        uses: ./.github/workflows/template-import-figma-variables.yml
         with:
           modes: light
           selector: ":where(:root)"
           output-directory: "../sit-onyx/src/styles"
 
-      - uses: ./.github/workflows/template-import-figma-variables.yml
-        name: Import light variables
+      - name: Import light variables
+        uses: ./.github/workflows/template-import-figma-variables.yml
         with:
           modes: dark
           selector: ":where(.dark)"
           output-directory: "../sit-onyx/src/styles"
 
-      - uses: ./.github/workflows/template-import-figma-variables.yml
-        name: Import density variables
+      - name: Import density variables
+        uses: ./.github/workflows/template-import-figma-variables.yml
         with:
           modes: compact default cozy
           selector: ":where(.onyx-density-{mode})"