@import doesn't work when suffix isn't .css?

This works:

@import   "foo.css" 

This fails:

@import   "foo.cssabc" 

Any reason for this?

The filename is irrelevant.

You just need to make sure your server is returning Content-Type: text/css for both.