title: Overriding imported CSS styles in Vuejs
body: <p>I am pulling in SweetAlert2 into Vuejs into my app using </p>
  
  <pre><code>import VueSweetAlert from 'vue-sweetalert';
  Vue.use(VueSweetAlert);
  </code></pre>
  
  <p>This imports the whole package from the node_models folder. I now want to override SweetAlert2's sass files so I have copied and imported them into my local sass directories.</p>
  
  <p>However they don't override the node_modules css. How can I configure Vuejs to import and use a plugin but to override the native styling with the copied styles that are in my project without having to put <code>!important</code> all over them?</p>