Update prettier, eslint-plugin-prettier, and stylelint-prettier (#12085)

* update prettier, eslint-plugin-prettier, and stylelint-prettier

* adjust linting rules

* scss linting

.eslintrc.json

@@ -14,6 +14,7 @@
     "prettier/prettier": [
       "error",
       {
+        "trailingComma": "es5",
         "endOfLine": "auto"
       }
     ],

package.json

@@ -111,13 +111,13 @@
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.57.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "optipng-bin": "^9.0.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.2.5",
     "stylelint": "^15.10.2",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-prettier": "^3.0.0",
+    "stylelint-prettier": "^4.1.0",
     "svgo": "^3.0.2",
     "wait-on": "^7"
   }

source/js/buyers-guide/search/utils.js

@@ -301,8 +301,8 @@ export class Utils {
           return propertyNameA < propertyNameB
             ? -1
             : propertyNameA > propertyNameB
-            ? 1
-            : 0;
+              ? 1
+              : 0;
         }
       }
     });

source/sass/components/primary-nav.scss

@@ -128,10 +128,16 @@
         opacity: 0;
         transform: translateY(8px);
         visibility: hidden;
-        transition: opacity 0.15s, transform 0.15s, visibility 0s linear 0.15s;
+        transition:
+          opacity 0.15s,
+          transform 0.15s,
+          visibility 0s linear 0.15s;
       }
 
-      transition: opacity 0.15s, transform 0.15s, visibility 0s;
+      transition:
+        opacity 0.15s,
+        transform 0.15s,
+        visibility 0s;
     }
 
     .burger {
@@ -164,7 +170,10 @@
           width: 23px;
         }
 
-        transition: top 0.1s linear 0.1s, width 0.1s linear 0.1s, transform 0.1s;
+        transition:
+          top 0.1s linear 0.1s,
+          width 0.1s linear 0.1s,
+          transform 0.1s;
       }
 
       &.menu-open {
@@ -185,7 +194,10 @@
             transform: rotate(45deg);
           }
 
-          transition: top 0.1s, width 0.1s, transform 0.1s linear 0.1s;
+          transition:
+            top 0.1s,
+            width 0.1s,
+            transform 0.1s linear 0.1s;
         }
       }
 
@@ -236,13 +248,17 @@
       top: 0;
       left: 0;
       width: 100%;
-      transition: opacity 0.2s, height 0s;
+      transition:
+        opacity 0.2s,
+        height 0s;
 
       &.hidden {
         opacity: 0;
         height: 0;
         overflow: hidden;
-        transition: opacity 0.2s, height 0s linear 0.2s;
+        transition:
+          opacity 0.2s,
+          height 0s linear 0.2s;
 
         .nav-links {
           a {
@@ -292,7 +308,9 @@
   opacity: 0;
   height: 0;
   overflow-y: hidden;
-  transition: height 0.3s ease-in-out, opacity 0.2s ease-in-out;
+  transition:
+    height 0.3s ease-in-out,
+    opacity 0.2s ease-in-out;
 
   @media (min-width: $bp-lg) {
     opacity: 1;

source/sass/components/sticky-cta.scss

@@ -22,7 +22,9 @@
       margin-bottom: -308px;
       visibility: hidden;
       pointer-events: auto;
-      transition: margin-bottom 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
+      transition:
+        margin-bottom 0.3s ease-in-out,
+        visibility 0s ease-in-out 0.3s;
     }
 
     @media (min-width: $bp-lg) {

source/sass/formassembly-override.scss

@@ -57,8 +57,11 @@ $input-font-size: 1.25rem !important;
       padding: 0.5rem 1rem;
       font-size: 18px;
       border-radius: 0;
-      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
-        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
+      transition:
+        color 0.15s ease-in-out,
+        background-color 0.15s ease-in-out,
+        border-color 0.15s ease-in-out,
+        box-shadow 0.15s ease-in-out,
         -webkit-box-shadow 0.15s ease-in-out;
       color: $white;
       background-color: $blue;
@@ -185,7 +188,9 @@ $input-font-size: 1.25rem !important;
       height: auto !important;
 
       &::file-selector-button {
-        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
+        transition:
+          color 0.15s ease-in-out,
+          background-color 0.15s ease-in-out;
         font-family: $font-family-sans-serif;
         background: $light-blue;
         width: auto;