[ProgressBar] Add critical color prop option

[alololox]

WHY are these changes introduced?

Within web we have a use case where a full progress bar is indicative of a critical event that requires immediate action:

WHAT is this pull request doing?

This PR adds the Interactive/Critical color to the ProgressBar component

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      <ProgressBar progress={70} color="critical" />
    </Page>
  );
}

🎩 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, ping @ sarahill to update the Polaris UI kit

[github-actions]

size-limit report

Path	Size
cjs	142.53 KB (+0.01% 🔺)
esm	96.29 KB (+0.02% 🔺)
esnext	139.5 KB (+0.03% 🔺)
css	33.76 KB (+0.06% 🔺)