remove @import (#1914)

* remove @import

* fix page titles

apps/dashboard/src/_variables.scss

@@ -1 +1 @@
-@import '../../../libs/sistema/styles/variables';
+@forward '../../../libs/sistema/styles/variables';

apps/dashboard/src/app/account/account-home/account-home.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .account-home {
   max-width: calc(#{rhythm(90)} * 2);

apps/dashboard/src/app/account/account-kbs/kb-list/kb-list.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .account-kbs {
   h2 {

apps/dashboard/src/app/account/account-kbs/users-dialog/users-dialog.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .users-dialog {
   position: relative;

apps/dashboard/src/app/account/account-manage/account-delete/account-delete.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 label {
   display: block;

apps/dashboard/src/app/account/account-manage/account-manage.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h1 {
   margin-bottom: rhythm(4);

apps/dashboard/src/app/account/account-nua/account-nua.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h2 {
   margin: 0 0 rhythm(1) 0;

apps/dashboard/src/app/account/account-nua/client-dialog/client-dialog.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .nua-form {
   display: flex;

apps/dashboard/src/app/account/account-nua/nua-activity/nua-activity.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .nua-activity {
   position: relative;

apps/dashboard/src/app/account/account-status/account-status.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .account-status {
   align-items: center;

apps/dashboard/src/app/account/account-users/account-users.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .account-users {
   h2 {

apps/dashboard/src/app/account/billing/billing.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .billing {
   background-color: $color-neutral-lightest;

apps/dashboard/src/app/account/billing/checkout/checkout.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .checkout {
   display: flex;

apps/dashboard/src/app/account/billing/history/history.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .history {
   max-width: calc(rhythm(90) + rhythm(24));

apps/dashboard/src/app/account/billing/my-subscription/my-subscription.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .my-subscription {
   display: flex;

apps/dashboard/src/app/account/billing/my-subscription/unsubscribe.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h2 {
   margin: 0;

apps/dashboard/src/app/account/billing/review/review.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 pa-modal-content {
   display: flex;

apps/dashboard/src/app/account/billing/subscriptions/aws-subscription/aws-subscription.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h2 {
   margin: 0 0 rhythm(1);

apps/dashboard/src/app/account/billing/subscriptions/manual-subscription/manual-subscription.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .manual-subscription {
   display: flex;

apps/dashboard/src/app/account/billing/subscriptions/subscriptions.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .header {
   margin-bottom: rhythm(5);
@@ -61,7 +61,7 @@ h2 {
     }
   }
 
-  pa-icon[name="check"] {
+  pa-icon[name='check'] {
     color: $color-primary-regular;
   }
 

apps/dashboard/src/app/account/billing/usage/budget.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 .budget-input {
   align-items: center;
   color: $color-neutral-regular;

apps/dashboard/src/app/account/billing/usage/usage-table.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 header {
   display: flex;

apps/dashboard/src/app/account/billing/usage/usage.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .usage-container {
   max-width: calc(rhythm(90) + rhythm(6));

apps/dashboard/src/app/account/invite-collaborators-modal/invite-collaborators-modal.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .radio-content {
   margin-left: rhythm(2);

apps/dashboard/src/app/account/nuclia-tokens/nuclia-tokens.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .total {
   margin-bottom: rhythm(4);
@@ -38,4 +38,4 @@
 .unit {
   color: $color-neutral-regular;
   font-weight: $font-weight-regular;
-}
+}

apps/dashboard/src/app/activity/activity-download.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .primary-tabs {
   display: block;

apps/dashboard/src/app/app.component.scss

@@ -1,11 +1,11 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables';
 
 .version {
   position: fixed;
   bottom: 0;
   right: 0;
-  font-weight: $font-weight-thin;
-  color: $color-neutral-regular;
+  font-weight: variables.$font-weight-thin;
+  color: variables.$color-neutral-regular;
   background-color: transparent;
   font-size: font-size(xxs);
   padding-right: rhythm(0.5);

apps/dashboard/src/app/farewell/farewell.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .message {
   padding-bottom: rhythm(32);

apps/dashboard/src/app/farewell/feedback.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .message {
   display: flex;

apps/dashboard/src/app/knowledge-box/knowledge-box-home/kb-usage/usage-modal.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .usage-modal-chart-container {
   margin-left: calc(-1 * #{rhythm(2)});

apps/dashboard/src/app/knowledge-box/knowledge-box-home/knowledge-box-home.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .knowledge-box-home {
   --width-small-column: #{rhythm(48)};

apps/dashboard/src/app/knowledge-box/knowledge-box-keys/knowledge-box-keys.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .knowledge-box-keys {
   h2 {

apps/dashboard/src/app/knowledge-box/knowledge-box-users/knowledge-box-users.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h2 {
   margin-bottom: rhythm(6);

apps/dashboard/src/app/knowledge-box/knowledge-box-users/users-manage/users-manage.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 h3 {
   margin-bottom: rhythm(2);

apps/dashboard/src/app/knowledge-box/service-access/service-access.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .service-access-container {
   h4 {

apps/dashboard/src/app/onboarding/aws-onboarding/aws-onboarding.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .main-container {
   display: flex;

apps/dashboard/src/app/onboarding/getting-started/getting-started.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .step-indicator-container {
   align-items: center;

apps/dashboard/src/app/onboarding/getting-started/processing/processing.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .main-container {
   display: flex;

apps/dashboard/src/app/onboarding/getting-started/upload-list/upload-list.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .upload-list-container {
   .upload-list {

apps/dashboard/src/app/onboarding/getting-started/upload/upload.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .main-container {
   display: flex;

apps/dashboard/src/app/onboarding/invite/invite.component.scss

@@ -1,4 +1,4 @@
-@import '../../../variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .setup-invite {
   display: flex;

apps/dashboard/src/app/onboarding/welcome-in-existing-kb/welcome-in-existing-kb.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 pa-modal-content .start {
   margin-top: rhythm(4);

apps/dashboard/src/app/redirect/redirect.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 :host {
   display: block;

apps/dashboard/src/app/synonyms/synonyms.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 :host {
   display: block;

apps/dashboard/src/app/test-page/test-page.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/dashboard/src/variables';
+@use 'apps/dashboard/src/variables' as *;
 
 .topbar {
   background-color: $color-light-stronger;

apps/dashboard/src/styles.scss

@@ -1,6 +1,6 @@
-@import 'libs/sistema/theme/fonts';
-@import 'libs/pastanaga-angular/projects/pastanaga-angular/src/styles/core';
-@import 'libs/sistema/styles/apps-common';
+@use 'libs/sistema/theme/fonts';
+@use 'libs/pastanaga-angular/projects/pastanaga-angular/src/styles/core';
+@use 'libs/sistema/styles/apps-common';
 
 :root {
   --app-background-color: $color-light-stronger;

apps/manager-v2/src/app/app-layout/app-layout.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 header {
   align-items: center;

apps/manager-v2/src/app/app.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 .version {
   position: fixed;

apps/manager-v2/src/app/manage-accounts/account-details/account-details.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 .account-info {
   background: $color-neutral-lightest;

apps/manager-v2/src/app/manage-accounts/account-details/blocked-features/blocked-features.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 :host {
   form {

apps/manager-v2/src/app/manage-accounts/account-details/configuration/configuration.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 form {
   gap: rhythm(3);

apps/manager-v2/src/app/manage-accounts/account-details/kb-details/kb-details.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 :host {
   form {

apps/manager-v2/src/app/manage-accounts/account-details/knowledge-boxes/knowledge-boxes.component.scss

@@ -1,4 +1,4 @@
-@import 'variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 .space-between {
   align-items: center;

apps/manager-v2/src/app/manage-accounts/account-details/limits/limits.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 .limit-form {
   position: relative;

apps/manager-v2/src/app/manage-accounts/account-details/payment-links/payment-links.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 form {
   display: flex;

apps/manager-v2/src/app/manage-accounts/account-details/token-consumption/token-consumption.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 :host {
   display: flex;

apps/manager-v2/src/app/manage-accounts/account-details/users/users.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/manager-v2/src/variables';
+@use 'apps/manager-v2/src/variables' as *;
 
 :host {
   .manager-container {

apps/manager-v2/src/styles.scss

@@ -1,7 +1,7 @@
+@use 'apps/manager-v2/src/variables' as *;
 @import 'libs/sistema/theme/fonts';
 @import 'libs/pastanaga-angular/projects/pastanaga-angular/src/styles/core';
 @import 'libs/sistema/styles/apps-common';
-@import 'variables';
 
 :root {
   --app-background-color: $color-light-stronger;

apps/nucliadb-admin/src/app/app.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/nucliadb-admin/src/variables';
+@use 'apps/nucliadb-admin/src/variables' as *;
 
 .version {
   position: fixed;

apps/nucliadb-admin/src/app/home/home-page.component.scss

@@ -1,4 +1,4 @@
-@import 'apps/nucliadb-admin/src/variables';
+@use 'apps/nucliadb-admin/src/variables' as *;
 
 .home-page {
   display: flex;

apps/sistema-demo/src/_variables.scss

@@ -1 +1 @@
-@import '../../../libs/pastanaga-angular/projects/pastanaga-angular/src/styles/variables';
+@forward '../../../libs/pastanaga-angular/projects/pastanaga-angular/src/styles/variables';

apps/sistema-demo/src/app/sistema-pages/pastanaga-pages-override/sistema-modal/modal-example/modal-example.component.scss

@@ -1,4 +1,4 @@
-@import '../../../../../variables';
+@use 'apps/sistema-demo/src/variables' as *;
 
 .form-container {
   display: flex;