fix: woocommerce notices for wc8.5 #4189

[preda-bogdan]

Summary

With the release of WooCommerce v8.5.0, the notices have been changed to use a new HTML structure.
I added new rules to style the notices as they were previously based on the customizer settings.

Will affect the visual aspect of the product

NO

Screenshots

Product notice BEFORE wc.8.5

Product notice AFTER wc.8.5

Cart notices BEFORE wc.8.5

Cart notices AFTER wc.8.5

Checkout notices BEFORE wc.8.5

Checkout notices AFTER wc.8.5

Test instructions

Check before Pull Request is ready:

• I have written a test and included it in this PR
• I have run all tests and they pass
• The code passes when running the PHP CodeSniffer
• Code meets WordPress Coding Standards for PHP, HTML, CSS and JS
• Security and Sanitization requirements have been followed
• I have assigned a reviewer or two to review this PR (if you're not sure who to assign, we can do this step for you)

Closes #4189.

[pirate-bot]

Plugin build for 92a9e0a is ready 🛎️!

• Download build

[Soare-Robert-Daniel]

Solid solution. I commented on better use of SCSS features, but not a blocker since the result is the same.

[preda-bogdan]

@Soare-Robert-Daniel Thank you for the recommendation, I implemented the changes.

[irinelenache]

@preda-bogdan Tested and the issue is fixed now 🚀

[pirate-bot]

🎉 This PR is included in version 3.8.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀