[Modal.Section]: Fix in Modal.Section divider color

[ghost]

WHY are these changes introduced?

I was creating a Modal component with different sections and I noticed that the color of the divider line between the section was darker than the line that divides the footer and header of the modal. I went to Polaris channel and I was told that the color was not the correct one, so I change to use the border('divider').

WHAT is this pull request doing?

This is before:

This is After:

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide
• For visual design changes, pinged one of @ HYPD, @ mirualves, @ sarahill, or @ ry5n to update the Polaris UI kit

[ghost]

👋 Thanks for opening your first pull request. A contributor should give feedback soon. If you haven’t already, please check out the contributing guidelines.

[github-actions]

🟡 This pull request modifies 2 files and might impact 5 other files. This is an average splash zone for a change, remember to tophat areas that could be affected.

Details:

All files potentially affected (total: 5)

• /src/components/Modal/components/Section/Section.tsx
• /src/components/Modal/Modal.tsx
• /src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx
• /src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx
• /src/components/Frame/Frame.tsx

📄 UNRELEASED.md (total: 0)

Files potentially affected (total: 0)

🎨 src/components/Modal/components/Section/Section.scss (total: 5)

Files potentially affected (total: 5)

• /src/components/Modal/components/Section/Section.tsx
• /src/components/Modal/Modal.tsx
• /src/components/Frame/components/ContextualSaveBar/components/DiscardConfirmationModal/DiscardConfirmationModal.tsx
• /src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.tsx
• /src/components/Frame/Frame.tsx

[ghost]

Morning! Just in case, first time contributing with Polaris and I am not sure if I had to add the entry to UNRELEASED.md file or is it something that happen after it is merged (or after approved).

[kyledurand]

This looks awesome to me 🎉 Can you add an entry to UNRELEASED.md? I also want to get @alex-page 👀 on this to make double sure we're using divider in the correct way here.

[alex-page]

This looks good! Just need the changelog entry in UNRELEASED.md

[ghost]

Thanks! I will merge as soon the CI is done!

[ghost]

🎉 Thanks for your contribution to Polaris React!