CSS specificity and !important

How do I get my theme .scss files and page-specific CSS to override the Ionic framework SCSS? I’m finding myself using !important too often, which is obviously bad practice. I’m not familiar enough with the build process to get my SCSS to load after the frameworks…

In the inspector, all my styles originate from main.css, however the framework CSS is added after my custom CSS and overriding it.