With 4.1.1 I was using ext-all-scoped.css along with the following to prevent the ExtJS CSS from messing with my non-ExtJS HTML/CSS on my page

Code:
Ext = {
buildSettings:{
baseCSSPrefix: 'x-',
scopeResetCSS: true
}
};
Now that I've upgraded to 4.2, scoped CSS is gone. I tried using the sandbox CSS but it's still breaking my other CSS, because it adds the class "x-border-box" to the HTML tag and the CSS for that class changes box-sizing to border-box.

How can I get the ExtJS CSS to only apply to ExtJS components