Overriding a package's CSS with SASS (or other pre-processors)

In my app I make use of many packages. These packages often include css (e.g. the selectize package from jeremy). I want to use fourseven’s libsass package to manage sass files that override the default css provided by such packages. What i’m finding is that the sass definitions don’t override their css counterparts. Instead they merge on compilation.

Has anyone had this issue and found a way to resolve it?

Some potential solutions could be :

  • Find a way to exclude the package’s css from compilation
  • Find a sass syntax to reset/replace the css

^ any thoughts on this? I would have thought this was a fairly common issue?