replaced node-sass with sass

src/containers/dialogs/LoginSocialRegisterDialog/styles.module.scss

@@ -5,7 +5,7 @@
 }
 
 .check {
-  padding: $gap 0 0 $gap / 2;
+  padding: $gap 0 0 $gap * 0.5;
   font: $font_12_medium;
   display: flex;
   align-items: center;

src/containers/lab/LabGrid/styles.module.scss

@@ -6,15 +6,15 @@ div.wrap {
   margin-right: 0;
 
   @include tablet {
-    padding: 0 $gap / 2;
+    padding: 0 $gap * 0.5;
   }
 }
 
 .column {
   background-clip: padding-box;
   box-sizing: border-box;
-  padding: 0 $gap / 2;
-  margin-top: -$gap / 2;
+  padding: 0 $gap * 0.5;
+  margin-top: -$gap * 0.5;
 
   @include tablet {
     padding: 0;

src/containers/lab/LabStats/styles.module.scss

@@ -5,7 +5,7 @@
 }
 
 .tags.tags {
-  margin: 0 -$gap / 2;
+  margin: 0 -$gap * 0.5;
 }
 
 .heroes {
@@ -21,5 +21,5 @@
 }
 
 .updates {
-  padding: 0 $gap / 4 $gap * 2;
+  padding: 0 $gap * 0.25 $gap * 2;
 }

src/containers/profile/ProfileAccounts/styles.module.scss

@@ -11,7 +11,7 @@
 .buttons {
   background: transparentize(black, 0.8);
   border-radius: $radius;
-  padding: $gap / 2;
+  padding: $gap * 0.5;
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -64,7 +64,7 @@
 
   &__name {
     font: $font_16_semibold;
-    padding-left: $gap / 2;
+    padding-left: $gap * 0.5;
   }
 
   &__drop {
@@ -82,6 +82,6 @@
 }
 
 .info {
-  padding: $gap $gap / 2;
+  padding: $gap $gap * 0.5;
   font: $font_14_regular;
 }

src/containers/profile/ProfileMessages/styles.module.scss

@@ -8,7 +8,7 @@
   overflow: auto;
 
   & > * {
-    margin: $gap / 2 0;
+    margin: $gap * 0.5 0;
 
     &:last-child {
       margin-top: 0;