Focus state broke with bootstrap v3.3.7

[xt0rted]

I'm using the less version in my project and after updating to v3.3.7 of bootstrap the focus state broke and I'm no longer getting the dotted line around the controls. This is a result of the .tab-focus() mixin being changed in twbs/bootstrap#20275

For now I'm doing the following to fix this.

@import "bootstrap/bootstrap.less";
.tab-focus()
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
@import "../bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.less";