fix: the width using sass:math

Author: kedarvijaykulkarni

scss/_widths.scss

@@ -1,4 +1,4 @@
-
+@use "sass:math";
 // Converted Variables
 
 
@@ -70,8 +70,8 @@
 .w-90 {  width:  90%; }
 .w-100 { width: 100%; }
 
-.w-third { width: (100% / 3); }
-.w-two-thirds { width: (100% / 1.5); }
+.w-third { width: math.div(100% / 3); }
+.w-two-thirds { width: math.div(100% / 1.5); }
 .w-auto { width: auto; }
 
 @media #{$breakpoint-not-small} {
@@ -94,8 +94,8 @@
   .w-80-ns { width:  80%; }
   .w-90-ns { width:  90%; }
   .w-100-ns { width: 100%; }
-  .w-third-ns { width: (100% / 3); }
-  .w-two-thirds-ns { width: (100% / 1.5); }
+  .w-third-ns { width: math.div(100% / 3); }
+  .w-two-thirds-ns { width: math.div(100% / 1.5); }
   .w-auto-ns { width: auto; }
 }
 
@@ -119,8 +119,8 @@
   .w-80-m { width:  80%; }
   .w-90-m { width:  90%; }
   .w-100-m { width: 100%; }
-  .w-third-m { width: (100% / 3); }
-  .w-two-thirds-m { width: (100% / 1.5); }
+  .w-third-m { width: math.div(100% / 3); }
+  .w-two-thirds-m { width: math.div(100% / 1.5); }
   .w-auto-m {    width: auto; }
 }
 
@@ -144,7 +144,7 @@
   .w-80-l {    width:  80%; }
   .w-90-l {    width:  90%; }
   .w-100-l {   width: 100%; }
-  .w-third-l { width: (100% / 3); }
-  .w-two-thirds-l { width: (100% / 1.5); }
+  .w-third-l { width: math.div(100% / 3); }
+  .w-two-thirds-l { width: math.div(100% / 1.5); }
   .w-auto-l {    width: auto; }
 }

test.js

@@ -1,8 +1,5 @@
-// import fs from 'fs'
 const fs = require('fs');
-// import test from 'ava'
 const test = require('ava');
-// import sass from 'node-sass'
 const sass = require('node-sass');