Fix Module Order Warnings for Projects using Mini-Css-Extract-Plugin

[pulkitkkr]

Summary

While using a File-System-based automated bundle generation feature, miscellaneous warnings suggesting css order conflicts were encountered due to the mini-css-extract-plugin. This PR mutes those warnings by using the ignoreOrder flag which can be configured using css_extract_ignore_order_warnings flag in webpacker.yml

Tried Solutions

• Topological Ordering of Packs when loaded using append_stylesheet_pack_tag and stylesheet_pack_tag
• Re-order CSS imports
• Removal of CSS imports as globals.
• Debug Components usage and import order.

Risks Involved

For projects where CSS order has not been mitigated through consistent use of scoping or naming conventions, the CSS order warnings are essential and may result in visual differences.

[justin808]

Let's make this configurable:

css_extract_ignore_order_warnings

Default can be false.

MAYBE, Version 7 can consider making the default true to suppress warnings.

[justin808]

💯 👍