update utilities usage

apps/daffio/src/app/design/device/iphone/iphone.component.scss

@@ -1,5 +1,5 @@
 // @import 'theme';
-// @import 'utilities';
+// @use 'utilities';
 
 // $phoneColor: daff-map-deep-get($theme, "core.base");
 // $phoneShadow: daff-illuminate($phoneColor, $daff-neutral, 3);

apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 .demo-add-to-cart-notification {
 	background-color: demo-theme.$white;

apps/demo/src/app/cart/components/add-to-cart-notification/components/product-added/product-added.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 .demo-product-added {
 	display: grid;

apps/demo/src/app/cart/components/cart-item-count/cart-item-count.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-cart-item-count {

apps/demo/src/app/cart/components/cart-item/cart-item.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 .demo-cart-item {
 	display: grid;

apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.component.scss

@@ -1,5 +1,6 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
+@use '../../../../scss/mixins/dividers' as *;
 
 .demo-cart-sidebar {
 	&__summary {

apps/demo/src/app/cart/components/cart-summary-wrapper/cart-summary-wrapper.component.scss

@@ -1,5 +1,6 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
+@use '../../../../scss/mixins/dividers' as *;
 
 .demo-cart-summary-wrapper {
 	display: grid;

apps/demo/src/app/cart/components/cart-summary/cart-summary.component.scss

@@ -1,5 +1,6 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
+@use '../../../../scss/mixins/dividers' as *;
 
 .demo-cart-summary {
 	display: flex;

apps/demo/src/app/cart/components/cart-totals-item/cart-totals-item.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 :host {
 	display: block;

apps/demo/src/app/cart/components/cart/cart.component.scss

@@ -1,5 +1,6 @@
-@import 'utilities';
+@use 'utilities' as *;
 @import 'theme';
+@use '../../../../scss/mixins/dividers' as *;
 
 :host {
 	display: grid;

apps/demo/src/app/cart/components/minicart-item/minicart-item.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 :host {
 	display: grid;

apps/demo/src/app/cart/pages/cart-view/cart-view.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-cart-view {

apps/demo/src/app/checkout/components/forms/address/components/address-form/address-form.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-address-form {
 	display: grid;

apps/demo/src/app/checkout/components/payment/billing-summary/billing-summary.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-billing-summary {
 	font-size: $small-font-size;

apps/demo/src/app/checkout/components/payment/payment-form/payment-form.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-payment-form {
 	display: flex;

apps/demo/src/app/checkout/components/payment/payment-info-form/components/payment-info-form/payment-info-form.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-payment-info-form {
 	display: grid;

apps/demo/src/app/checkout/components/payment/payment-summary/payment-summary.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-payment-summary {
 	font-size: $small-font-size;

apps/demo/src/app/checkout/components/shipping-address/form/shipping-address-form.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-shipping-address-form {
 	display: flex;

apps/demo/src/app/checkout/components/shipping-address/summary/shipping-address-summary.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-shipping-address-summary {
 	font-size: $small-font-size;

apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-shipping-form {
 	display: flex;

apps/demo/src/app/checkout/components/shipping/shipping-options/components/shipping-options/shipping-options.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-checkout-shipping-options {

apps/demo/src/app/checkout/components/shipping/shipping-summary/shipping-summary.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-checkout-shipping-summary {
 	font-size: $small-font-size;

apps/demo/src/app/checkout/pages/checkout-view/checkout-view.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-checkout {

apps/demo/src/app/core/footer/footer.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 :host {
 	display: block;

apps/demo/src/app/core/header/components/header/header.component.scss

@@ -1,9 +1,10 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
+@use '../../../../../scss/mixins/dividers' as *;
 
 .demo-header {
 	padding: 0;
-	@include section-divider;
+	@include section-divider();
 
 	&__menu {
 		border-right: 1px solid daff-color($daff-neutral, 20);

apps/demo/src/app/core/sidebar/components/sidebar-list/sidebar-list.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-sidebar-list {

apps/demo/src/app/core/sidebar/containers/sidebar/sidebar.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 .demo-sidebar {
 	padding: 75px 25px 0;

apps/demo/src/app/misc/help-box/help-box.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-help-box {

apps/demo/src/app/misc/not-found/not-found.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-not-found {
 	padding-top: 50px;

apps/demo/src/app/newsletter/newsletter.component.scss

@@ -1,5 +1,5 @@
 @use 'demo-theme';
-@import 'utilities';
+@use 'utilities';
 
 :host {
 	display: block;

apps/demo/src/app/product/components/add-to-cart/add-to-cart.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-add-to-cart {
 	display: inline-block;

apps/demo/src/app/product/components/product-card/product-card.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-product-card {
 	border: none;

apps/demo/src/app/product/components/product-grid/product-grid.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 :host {
 	display: grid;

apps/demo/src/app/product/components/product/product.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
 
 .demo-product {

apps/demo/src/app/product/containers/best-sellers/best-sellers.component.scss

@@ -1,4 +1,4 @@
-@import 'utilities';
+@use 'utilities';
 
 .demo-best-sellers {
 	&__title {

apps/demo/src/app/thank-you/components/thank-you/thank-you.component.scss

@@ -1,5 +1,6 @@
-@import 'utilities';
+@use 'utilities';
 @import 'theme';
+@use '../../../../scss/mixins/dividers' as *;
 
 .demo-thank-you {
 	padding: 25px 0;

apps/demo/src/app/thank-you/pages/thank-you-view.component.scss

@@ -1,5 +1,5 @@
 @import 'theme';
-@import 'utilities';
+@use 'utilities';
 
 .demo-thank-you-view {
 	padding: 24px 15px;