Bootswatch override global css

[soaresdude]

I have the following style tag:

<style scoped>
  @import '../../assets/bootstrap.min.css';
  @import '~fullcalendar/dist/fullcalendar.min.css';

 ...
</style>

Where the first import is including the Cosmo Bootswatch theme for the fullcalendar. My problem is that this CSS file is overriding my Bulma class, even though is inside style scoped.
Anyone knows how to restrict Bootswatch CSS scope to only the calendar?

PS.: Bootswatch is overriding a component that's outside the component I'm working on.

[BrockReece]

Does the following work?

<style scoped src="../../assets/bootstrap.min.css"></style>
<style scoped src="~fullcalendar/dist/fullcalendar.min.css"></style>

[soaresdude]

@BrockReece Just tried and it didn't worked :(

[BrockReece]

Sorry, didn't work in what way?

[soaresdude]

@BrockReece No, neither of them worked the way you wrote here.

[BrockReece]

I was trying to get a better idea of what didn't work with my suggestion so I can better help you.
Were the style sheets not included at all?
Were they included but still not scoped properly?

[soaresdude]

@BrockReece I didn't mean to be rude, sorry.
Yeah, they weren't included using the src property.