chore(css): Fix div deprecations

Author: mpalourdio

src/lib/components/sk-chasing-dots/sk-chasing-dots.component.scss

@@ -18,6 +18,7 @@ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
+@use "sass:math";
 @import "../variables";
 
 .sk-chasing-dots {
@@ -44,7 +45,7 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
     .sk-dot2 {
         top: auto;
         bottom: 0;
-        animation-delay: - $animationDuration/2;
+        animation-delay: math.div(-$animationDuration, 2);
     }
 }
 

src/lib/components/sk-three-bounce/sk-three-bounce.component.scss

@@ -18,6 +18,7 @@ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
+@use "sass:math";
 @import "../variables";
 
 .sk-three-bounce {
@@ -31,8 +32,8 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
     text-align: center;
 
     .sk-child {
-        width: $spinkit-size / 2;
-        height: $spinkit-size / 2;
+        width: math.div($spinkit-size, 2);
+        height: math.div($spinkit-size, 2);
 
         border-radius: 100%;
         display: inline-block;
@@ -43,7 +44,7 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
         animation-delay: -$delayRange;
     }
     .sk-bounce2 {
-        animation-delay: -$delayRange / 2;
+        animation-delay: math.div(-$delayRange, 2);
     }
 }
 

src/lib/components/sk-wandering-cubes/sk-wandering-cubes.component.scss

@@ -18,6 +18,7 @@ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
+@use "sass:math";
 @import "../variables";
 
 .sk-wandering-cubes {
@@ -39,7 +40,7 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
     }
 
     .sk-cube2 {
-        animation-delay: -$animationDuration / 2;
+        animation-delay: math.div(-$animationDuration, 2);
     }
 }
 

src/lib/components/sk-wave/sk-wave.component.scss

@@ -18,6 +18,7 @@ COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
+@use "sass:math";
 @import "../variables";
 
 .sk-wave {
@@ -44,7 +45,7 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
     @for $i from 1 through $rectCount {
         .sk-rect#{$i} {
-            animation-delay: - $animationDuration + $delayRange / ($rectCount - 1) * ($i - 1);
+            animation-delay: - $animationDuration + math.div($delayRange, $rectCount - 1) * ($i - 1);
         }
     }
 }