[affected:*][ci:force] attempt to fix mat-selectors importing

.gitignore

@@ -35,3 +35,4 @@ licenses.txt
 .DS_Store
 .angular
 NX
+.nx

demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .app-form-container {
     padding: 10px;

demo-shell/src/app/components/cloud/cloud-layout.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .app-cloud-layout-overflow {
     overflow: auto;

lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 adf-search-chip-autocomplete-input {
     .adf-chip-list {

lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 adf-search-properties {
     .adf-search-properties-file-size-label {

lib/content-services/src/lib/version-manager/version-list.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-version-list {
     &-viewport {

lib/core/src/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-array-item-icon {

lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-card-view-dateitem {
     .adf-property-value {

lib/core/src/lib/card-view/components/card-view-keyvaluepairsitem/card-view-keyvaluepairsitem.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-card-view-key-value-pairs-item {
     .adf-property-col-key {

lib/core/src/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-card-view-selectitem {
     .adf-property-value {

lib/core/src/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 $select-filter-height: 4em !default;
 

lib/core/src/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-card-view-textitem {
     .adf-property-field {

lib/core/src/lib/card-view/components/card-view/card-view.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-property-list {
     background: var(--adf-card-view-background);

lib/core/src/lib/comments/comments.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 adf-comments {
     .adf-comments-container {

lib/core/src/lib/datatable/components/datatable/datatable.component.scss

@@ -1,7 +1,7 @@
 /* stylelint-disable no-descending-specificity */
 @use '@angular/material' as mat;
 @import '../../../styles/mixins';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 $data-table-header-font-size: var(--theme-caption-font-size) !default;
 $data-table-header-sort-icon-size: var(--theme-subheading-2-font-size) !default;

lib/core/src/lib/dialogs/edit-json/edit-json.dialog.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-edit-json-dialog {
     #{$mat-dialog-content} {

lib/core/src/lib/form/components/form-renderer.component.scss

@@ -1,6 +1,6 @@
 /* stylelint-disable selector-class-pattern */
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-hidden {
     display: none;

lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 $adf-inplace-input-padding: 7px;
 

lib/core/src/lib/form/components/widgets/amount/amount.widget.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 
 .adf {

lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-date-time-widget {

lib/core/src/lib/form/components/widgets/form.theme.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable no-descending-specificity */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 ul > li > form-field > .adf-focus {
     .adf-label {

lib/core/src/lib/form/components/widgets/text/text.widget.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-text-widget {

lib/core/src/lib/info-drawer/info-drawer-layout.component.scss

@@ -1,5 +1,5 @@
 @import '../styles/mixins';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 $adf-info-drawer-layout-title-font-size: var(--theme-title-font-size) !default;
 $adf-info-drawer-icon-size: 48px !default;

lib/core/src/lib/info-drawer/info-drawer.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-info-drawer {

lib/core/src/lib/layout/components/layout-container/layout-container.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 adf-layout-container {
     display: block;

lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.scss

@@ -1,6 +1,6 @@
 @use '../../../styles/flex' as flex;
 @import '../../../styles/mixins';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-sidenav-layout {
     &-full-space {

lib/core/src/lib/notifications/components/notification-history.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-notification-history-menu_button#{$mat-button} {

lib/core/src/lib/search-text/search-text-input.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-search-container:has(.adf-input-form-field-divider) {
     overflow: hidden;

lib/core/src/lib/snackbar-content/snackbar-content.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 :host {
     display: flex;

lib/core/src/lib/templates/empty-content/empty-content.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-empty-content {
     color: var(--adf-theme-foreground-text-color-054);

lib/core/src/lib/viewer/components/img-viewer/img-viewer.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-image-viewer {
     width: 100%;

lib/core/src/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-pdf-viewer {
     width: 100%;

lib/core/src/lib/viewer/components/viewer-render/viewer-render.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-full-screen {
     width: 100%;

lib/core/src/lib/viewer/components/viewer.component.scss

@@ -1,5 +1,5 @@
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-full-screen {
     width: 100%;

lib/insights/src/lib/analytics-process/components/buttons-menu/buttons-menu.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-buttons-menu {
     margin-right: 10px;

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

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 /* cspell: disable-next-line */
 /* stylelint-disable scss/at-extend-no-missing-placeholder */

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

@@ -1,5 +1,5 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     // eslint-disable-selector-class-pattern

lib/process-services/src/lib/app-list/apps-list.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 /* stylelint-disable scss/no-global-function-names */
 @mixin adf-line-clamp($line-height: 1.25, $lines: 3) {

lib/process-services/src/lib/form/start-form/start-form.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-form-container {
     max-width: 100%;

lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget-dialog.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-attach-file-widget-dialog {
     #{$mat-dialog-actions} {

lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-attach-widget-container {

lib/process-services/src/lib/form/widgets/content-widget/attach-folder-widget.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-attach-folder-widget-container {

lib/process-services/src/lib/form/widgets/dropdown/dropdown.widget.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-dropdown-widget {

lib/process-services/src/lib/form/widgets/people/people.widget.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-people-widget {

lib/process-services/src/lib/form/widgets/upload/upload.widget.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-upload-widget-container {

lib/process-services/src/lib/people/components/people/people.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-assignment-header {
     border-bottom: 1px solid var(--adf-theme-foreground-divider-color);

lib/process-services/src/lib/process-list/components/start-process/start-process.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-start-process {

lib/process-services/src/lib/process-user-info/process-user-info.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf {
     &-userinfo-container {

lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-attach-form {
     #{$mat-form-field} {

lib/process-services/src/lib/task-list/components/checklist/checklist.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 :host {
     width: 100%;

lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 /* stylelint-disable no-descending-specificity */
 .adf-new-task-heading {

lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss

@@ -1,5 +1,5 @@
 @import 'styles/flex';
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 adf-task-details {
     width: 100%;

lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-task-form {
     &-container {

lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use 'styles/mat-selectors';
 
 .adf-message-card {
     width: 60%;