chore: replace scss-lint (deprecated) by prettier

app/assets/stylesheets/dossier_edit.scss

@@ -51,11 +51,9 @@ $dossier-actions-bar-border-width: 1px;
   }
 
   .dossier-edit-sticky-footer {
-    // scss-lint:disable VendorPrefix DuplicateProperty
     position: fixed;           // Fallback for IE 11, and other browser that don't support sticky
     position: -webkit-sticky;  // This is needed on Safari (tested on 12.1)
     position: sticky;
-    // scss-lint:enable VendorPrefix DuplicateProperty
 
     // IE 11 uses `position:fixed` – and thus needs an explicit width, content-box for better layout, etc.
     width: 100%;

app/assets/stylesheets/dsfr.scss

@@ -118,7 +118,6 @@ trix-editor.fr-input {
 
 // Fix firefox < 80, Safari < 15.4, Chrome < 83 not supporting "appearance: auto" on inputs
 // This rule was set by DSFR for DSFR design, but broke our legacy forms.
-// scss-lint:disable DuplicateProperty
 input[type="checkbox"] {
   -moz-appearance: checkbox;
   -moz-appearance: auto;
@@ -134,7 +133,6 @@ input[type="radio"] {
   -webkit-appearance: radio;
   -webkit-appearance: auto;
 }
-// scss-lint:enable DuplicateProperty
 
 // remove additional calendar icon on date input already handle by Firefox navigator
 @-moz-document url-prefix() {

app/assets/stylesheets/forms.scss

@@ -52,7 +52,6 @@
   // Don't cumulate margin-bottoms for inlined elements (radio...), because .fr-fieldset has already its own
   // This is important because of multilpe conditional hidden elements to not take additional space,
   // but we need the usual margin when there are an error or conditional spinner is visible.
-  // scss-lint:disable SingleLinePerSelector
   .fr-fieldset__element
     > .fr-fieldset:not(.fr-fieldset--error):not(:has(+ .spinner))
     > .fr-fieldset__element.fr-fieldset__element--inline {
@@ -208,7 +207,7 @@
     }
   }
 
-  .drop_down_other { // scss-lint:disable SelectorFormat
+  .drop_down_other {
     label {
       font-weight: normal;
     }
@@ -279,7 +278,7 @@
     }
   }
 
-  div.field_with_errors > input { // scss-lint:disable SelectorFormat
+  div.field_with_errors > input {
     border: 1px solid $dark-red;
   }
 
@@ -384,7 +383,7 @@
     }
   }
 
-  .editable-champ-titre_identite { // scss-lint:disable SelectorFormat
+  .editable-champ-titre_identite {
     margin-bottom: 2 * $default-padding;
   }
 

app/assets/stylesheets/icons.scss

@@ -134,7 +134,6 @@
 // 3. Follow the first example : create the class then add the mask-image property with data url you copied
 // 4. Keep this list alphabetic :)
 .fr-icon {
-  // scss-lint:disable VendorPrefix
   &-align-center {
     &:before,
     &:after {
@@ -230,5 +229,4 @@
       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3V12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V3H18V12C18 15.3137 15.3137 18 12 18C8.68629 18 6 15.3137 6 12V3H8ZM4 20H20V22H4V20Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
     }
   }
-  // scss-lint:enable VendorPrefix
 }

app/assets/stylesheets/layouts.scss

@@ -54,17 +54,13 @@
 
 .sticky--top {
   position: sticky;
-  // scss-lint:disable VendorPrefix
   position: -webkit-sticky; // This is needed on Safari (tested on 12.1)
-  // scss-lint:enable VendorPrefix
   top: 1rem;
 }
 
 .sticky--bottom {
   position: sticky;
-  // scss-lint:disable VendorPrefix
   position: -webkit-sticky; // This is needed on Safari (tested on 12.1)
-  // scss-lint:enable VendorPrefix
   bottom: 0;
 
   z-index: 10; // above DSFR btn which are at 1

app/assets/stylesheets/procedure_form.scss

@@ -1,8 +1,6 @@
 @import "colors";
 @import "constants";
 
-// scss-lint:disable SelectorFormat
-
 .procedure-form .page-title {
   text-align: left;
 }