chore(deps-dev): bump prettier from 3.4.2 to 3.5.3

.github/workflows/99-auto-format-dependabot-prettier-updates.yml

@@ -0,0 +1,50 @@
+name: Auto-Format with Prettier on PR for "self-healing" PRs
+
+on:
+  workflow_call:
+
+jobs:
+  format:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          ref: ${{github.event.pull_request.head.ref}}
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Install dependencies
+        run: |
+          npm ci
+
+      - name: Check if Prettier update PR
+        id: check_pr
+        run: |
+          echo "PR title: ${{ github.event.pull_request.title }}"
+          if [[ "${{ github.event.pull_request.title }}" =~ "bump prettier from" ]]; then
+            echo "Prettier update detected."
+            echo "prettier_update=true" >> $GITHUB_ENV
+          else
+            echo "No Prettier update detected."
+            echo "prettier_update=false" >> $GITHUB_ENV
+          fi
+
+      - name: Run Prettier to format the code
+        if: env.prettier_update == 'true'
+        run: |
+          npx --no prettier . --write
+
+      - name: Commit changes if formatting is done
+        if: env.prettier_update == 'true'
+        run: |
+          git config --global user.name 'github-actions[bot]'
+          git config --global user.email 'github-actions[bot]@users.noreply.github.com'
+
+          git add .
+          git commit --all -m "Auto-format codebase with Prettier" || echo "No changes to commit"
+          git push origin HEAD:${{ github.head_ref }}  # Push back to the same PR branch

.github/workflows/pull-request.yml

@@ -15,6 +15,9 @@ jobs:
   auto-merge:
     uses: ./.github/workflows/99-auto-merge.yml
 
+  dependabot-prettier-self-healing:
+    uses: ./.github/workflows/99-auto-format-dependabot-prettier-updates.yml
+
   codeql:
     uses: ./.github/workflows/99-codeql-analysis.yml
 

package.json

@@ -94,7 +94,7 @@
     "postcss-cli": "^11.0.1",
     "postcss-focus": "^7.0.0",
     "postcss-list-style-safari-fix": "^1.0.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
     "sass": "^1.88.0",
     "start-server-and-test": "^2.0.11",

source/_patterns/00-base/icons/_icons.helpers.scss

@@ -15,8 +15,8 @@
 	}
 
 	&::#{$position} {
-		--icon-font-family: "#{"icons-" + $size + "-" + $style}",
-			"missing-icons" !important;
+		--icon-font-family:
+			"#{"icons-" + $size + "-" + $style}", "missing-icons" !important;
 
 		font-size: var(
 			--icon-font-size-#{$position},
@@ -106,8 +106,8 @@
 // Icon meta data mixin
 @mixin iconMeta($size: $icon-size, $style: $icon-style, $position: "before") {
 	&::#{$position} {
-		--icon-font-family: "#{"icons-" + $size + "-" + $style}",
-			"missing-icons" !important;
+		--icon-font-family:
+			"#{"icons-" + $size + "-" + $style}", "missing-icons" !important;
 		--icon-font-size: #{to-rem($pxValue: $size)};
 	}
 }

source/_patterns/00-base/icons/enterprise/_icons.custom-properties.scss

@@ -8,7 +8,8 @@
 					&[data-icon],
 					&[data-icon-before] {
 						&::before {
-							--icon-font-family: "#{"icons-" + $icon-size + "-" + $icon-domain + "-" + $icon-style}",
+							--icon-font-family:
+								"#{"icons-" + $icon-size + "-" + $icon-domain + "-" + $icon-style}",
 								"missing-icons" !important;
 							--icon-font-size: #{to-rem($pxValue: $icon-size)};
 						}
@@ -17,7 +18,8 @@
 				[data-icon-variant-after="#{$icon-size}-#{$icon-domain}-#{$icon-style}"] {
 					&[data-icon-after] {
 						&::after {
-							--icon-font-family: "#{"icons-" + $icon-size + $icon-domain + "-" + "-" + $icon-style}",
+							--icon-font-family:
+								"#{"icons-" + $icon-size + $icon-domain + "-" + "-" + $icon-style}",
 								"missing-icons" !important;
 							--icon-font-size: #{to-rem($pxValue: $icon-size)};
 						}
@@ -30,7 +32,8 @@
 				&[data-icon],
 				&[data-icon-before] {
 					&::before {
-						--icon-font-family: "#{"icons-" + $icon-domain + "-" + $icon-style}",
+						--icon-font-family:
+							"#{"icons-" + $icon-domain + "-" + $icon-style}",
 							"missing-icons" !important;
 						--icon-font-size: #{to-rem($pxValue: 16)};
 					}
@@ -39,7 +42,8 @@
 			[data-icon-variant-after="#{$icon-domain}-#{$icon-style}"] {
 				&[data-icon-after] {
 					&::after {
-						--icon-font-family: "#{"icons-" + $icon-domain + "-" + $icon-style}",
+						--icon-font-family:
+							"#{"icons-" + $icon-domain + "-" + $icon-style}",
 							"missing-icons" !important;
 						--icon-font-size: #{to-rem($pxValue: 16)};
 					}