@import url() not working

[Thomasan1999]

When I try to import Google Fonts or any external URL via @import url('https://...'), it throws an error: Cannot read property 'isNull' of undefined.

Example:

const stylus = require('stylus');
stylus(`@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Montserrat|Inconsolata:400,700&display=swap')`).deps();

It seems to be related to:

stylus/lib/visitor/deps-resolver.js

Line 113 in 59bc665

var path = !node.path.first.val.isNull && node.path.first.val || node.path.first.name

Workaround:

@css {
    @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Montserrat|Inconsolata:400,700&display=swap')`);
}

That way Stylus doesn't compile it and the error is not thrown.

The original issue:

vitejs/vite#3984

[yklydxtt]

i also got this problem