I'm aware of that, but there are styling differences between Foundation and Bootstrap.
The Angular-UI implementation, while self-contained, is going to have a different .modal() implementation than Foundation's, so there's always going to be relics in the implementation.
Implementing twice the framework for the same functionality seems a sure fire way to induce headaches.
Your advice isn't wrong, and worked great for a good number of months, but requires ignoring the JS components of Foundation altogether, which somewhat negates the benefits of having a big ol' framework in the first place (IMHO).