Parcel doesn't pick up new CSS change on local development when stylesheet extraction is enabled.

[liamqma]

Describe the bug
Parcel doesn't pick up new CSS change on local development when stylesheet extraction is enabled.

To Reproduce

git clone git@github.com:atlassian-labs/compiled.git
yarn
yarn run start:parcel

• Wait for the web page to load
• Make a CSS change
• The new change doesn't appear even if refreshing the browser

Expected behavior
The newly made CSS change should appear on local development

Additional context
This bug is introduced from #1303. parcel-optimizer is used to get stylesRules from asset.metadata and insert it to HTML. When a CSS change is made, Parcel won't know a need to re-run parcel-optimizer because there isn't a dependency between HTML and css change in the js file.

The workaround is to disable stylesheet extraction on local but ideally what we want is:

Any of the source files that CSS came from should be considered a dependent of the HTML”, so that if they’re modified, the HTML is 're-optimized'.