UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

Steps to reproduce the problem:
1. Open test-sourcemaps-style-static.html
2. Inspect "Test div"
3. Cmd+click/Ctrl+click the `color: "green"` rule.

What is the expected behavior?
The line no. 12 containing `color: $color` should be highlighted.

What went wrong?
Incorrect lines get highlighted. The source map is interpreted in an incorrect way.

Did this work before? N/A 

Chrome version: 64.0.3275.0  Channel: canary
OS Version: OS X 10.13.1
Flash Version: 

In addition to the test case I'm attaching two more files which work correctly - one uses a `<link res="stylesheet">` with a link to a blob URL containing CSS with a sourcemap, another one is identical to the first one with one difference - it creates a `<style>` element dynamically.

See the attached screencast to see what I mean.

I've reported it previously as  issue 714101  but it was closed due to my lack of response. I couldn't get that old one reopened so I'm creating a new ticket with improved information.
 

Deleted: test-sourcemaps-style-static.html 1.2 KB

test-sourcemaps-style-static.html 1.2 KB View Download

Deleted: test-sourcemaps-link.html 1.6 KB

test-sourcemaps-link.html 1.6 KB View Download

Deleted: test-sourcemaps-style.html 1.5 KB

test-sourcemaps-style.html 1.5 KB View Download

Deleted: chrome-bug-sourcemap.mov 2.7 MB

chrome-bug-sourcemap.mov 2.7 MB Download