feat(PPDSC-2163): codemods for enums

[Xin00163]

PPDSC-2163

Write a codemod transform script to find out the components that are using Enums and replace it with union types. Make sure all the tests are passing. No visual changes.

Context: PPDSC-1872: Remove TextFieldSize and replace with a union type

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2163-codemod-enums-to-union
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2163-codemod-enums-to-union/storybook

[mutebg]

you will need to update readme and cli file as well

[Xin00163]

There are three enums that I didn't include in the codemod script:

AudioEvents: there is a mapping used not sure how to achieve in union types
OverrideProp: same as above
EventTrigger: it's not easy to write a codemod script for this as EventTrigger is used differently. 

Maybe it's OK to leave them as enums for now?

[mutebg]

Looks very good, did you check how it works on our docs site and other projects like virgin radio?

[Xin00163]

Looks very good, did you check how it works on our docs site and other projects like virgin radio?

Good idea. Let me test it.

[Xin00163]

Looks very good, did you check how it works on our docs site and other projects like virgin radio?

Good idea. Let me test it.

The enum to union script works well with Newskit components but not renamed components like CustomStack:

const CustomStack = styled(Stack)`
  width: 100%;
`;

Have fixed this by removing the componentName. Don't think it's needed in this case