Improvement/AAE-19176-reapply-selector-changes (#9424)

* AAE-19510 remove selector variable

* AAE-19510 poc for card view using variable selectors

* AAE-19176 rename mat selectors file

* AAE-19176 add missing style imports

* AAE-19176 remove remaining mat selectors

* AAE-19176 replaced todo material selectors with variables

* AAE-19176 changes made in meantime

* AAE-19176 conflict fixes

lib/process-services-cloud/src/lib/form/components/form-cloud.component.scss

@@ -1,5 +1,7 @@
+@import 'styles/mat-selectors';
 /* cspell: disable-next-line */
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
+
 .adf-full-screen {
     width: 100%;
     height: 100%;
@@ -31,8 +33,7 @@
     }
 
     &-toolbar {
-        /* stylelint-disable-next-line selector-class-pattern */
-        .mat-toolbar {
+        #{$mat-toolbar} {
             background-color: var(--adf-theme-background-card-color-087);
         }
     }

lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss

@@ -1,9 +1,10 @@
 /* stylelint-disable selector-class-pattern */
+@import 'styles/mat-selectors';
+
 .adf {
     // eslint-disable-selector-class-pattern
     &-date-widget {
-        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-        .mat-mdc-form-field-text-suffix {
+        #{$mat-form-field-suffix} {
             top: 26px;
         }
 
@@ -13,13 +14,11 @@
     }
 
     &-left-label-input-datepicker {
-        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-        .mat-mdc-form-field-text-suffix {
+        #{$mat-form-field-suffix} {
             top: 0;
         }
 
-        /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-        .mat-mdc-form-field-infix {
+        #{$mat-form-field-infix} {
             width: 100%;
         }
     }