pass query.id as an option to addId in style-rewriter

[cjxgm]

Global variables (currentId) should not be used for passing arguments to "execute-later" async functions.

This patch fixes a hard-to-reproduce bug, which is described below.

For example, I have two vue component foo.vue and bar.vue and they both have the same content as below:

<template>
  <div class="hello"></div>
</template>
<style scoped>
  .hello { display: none; }
</style>

When I use them like this:

<foo></foo>
<bar></bar>

It produces HTML as following

<div class="hello" _v-1234567></div>
<div class="hello" _v-2222222></div>

This is correct. But on the style side, you get the following with some setup

.hello[_v-2222222] { display: none; }    /* from foo.vue, the id should be _v-1234567 */
.hello[_v-2222222] { display: none; }    /* from bar.vue, correct */

and the following with some other setup

.hello[] { display: none; }    /* from foo.vue, there should be id in brackets */
.hello[] { display: none; }    /* from bar.vue, there should be id in brackets */

The expected style is

.hello[_v-1234567] { display: none; }    /* from foo.vue */
.hello[_v-2222222] { display: none; }    /* from bar.vue */

You won't reproduce the bug by replaying what I said above. It's only a simplified description of what I've observed from our quite big codebase with complex dependencies. But you can reason about it.