WOAH I UNDERSTAND WHAT I WAS DOING

masonstrap/_masonstrap.scss → masonstrap/_masonstrap-custom.scss

 // Masonstrap 4.0
-// Bootswatch
 // -----------------------------------------------------
 
-$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700" !default;
-@import url($web-font-path);
-
 // Navbar ======================================================================
 
 .navbar {

masonstrap/masonstrap.scss

+// Load in bootstrap 4
+@import '../node_modules/bootstrap/scss/bootstrap.scss';
+// Load in variable overwrites
+@import '_variables.scss';
+// Load in additional component changes
+@import '_masonstrap-custom.scss';