CSS bundling issue with script tags inside the markup of components

[shahriarhusainy]

If within the browser.json of a user control / component (inside components folder) a CSS from URL is defined and <script> tags are present inside the markup file, all CSS files except those from the URL's will be bundled.

Here's a scenario:

A user control foocontrol is created. components > foocontrol contains the following files:

browser.json
component.js
index.marko
style.css
bar.js

The file browser.json contains:

{
  "dependencies": [{
      "type": "css",
      "url": "//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"
    },
    {
      "type": "js",
      "url": "//code.jquery.com/jquery-1.12.4.js"
    },
    {
      "type": "js",
      "url": "//code.jquery.com/ui/1.12.1/jquery-ui.js"
    },
    "./style.css",
    "./bar.js"
  ]
}

If the markup file index.marko contains <script> tags, for example:

<button  type="button" onclick="haveABlast()">
   Click Me!
</button>
<!-- More contents or nothing.. -->
<script>
  //anything that makes sense in js
</script>

This will cause style.css to get bundled but the CSS from jquery-ui.css will not be included.