WC 6.5 to 6.7 compatibility issue: Modal header border bottom is missing

[ecgan]

Describe the bug:

I was doing compatibility testing with WooCommerce 6.7.0-beta.2 in #1577, and I noticed that the Modal component is missing the border / separator between the modal header title and modal body content. The border is missing because of some CSS from the WooCommerce core:

I tested previous WC versions and found out that the issue happens in WC 6.6.0 and 6.5.0 too.

In WC 6.4.0, the modal component shows up fine, with a border / separator between the modal header title and modal content:

Steps to reproduce:

1. Use WC 6.7.0-beta.2, 6.6.0 or 6.5.0.
2. Open a modal in Google Listings and Ads, such as the Edit Free Listings modal shown above.

Expected behavior:

There should be a border between the modal header and modal body, similar to @wordpress/components modal: https://wordpress.github.io/gutenberg/?path=/story/components-modal--default

Actual behavior:

There is no border between the modal header and modal body.

Additional details:

I have also created an issue in WooCommerce repo: woocommerce/woocommerce#33720.

[wyter]

Tested on WooCommerce 6.8.0 and could still replicate:

However, following this comment, we can wait to see if version 6.9.0 fixes the issue and then close here.

[mikkamp]

We are at WooCommerce 7.1 now and the WooCommerce issue has been resolved, with the CSS for a 0 border no longer being added: woocommerce/woocommerce#33807

However when looking back at the expected behaviour I see that the WP component now behaves differently: https://wordpress.github.io/gutenberg/?path=/story/components-modal--default

Based on this PR, it seems it's an intended design choice: WordPress/gutenberg#40781
Closing this issue as there isn't any further action to take.