feat(data-table): add data-table to sass modules style package

[tay1orjones]

Refs #8555

Begins work on bringing DataTable to the @carbon/styles package

Changelog

New

• include refactored core and partial files added to /styles, including a test

Testing / Reviewing

Test is failing for me locally, but I'm not sure why. 🤔 Any suggestions @joshblack?

Undefined mixin.
       ╷
    11 │ @include data-table.data-table;

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 0d1cab6

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/60ba9fab1f79ec00086ffd91

😎 Browse the preview: https://deploy-preview-8844--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 9ac56b9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/60c7a618372c4b0007507d91

😎 Browse the preview: https://deploy-preview-8844--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 0d1cab6

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/60ba9fab2c64260007df4802

😎 Browse the preview: https://deploy-preview-8844--carbon-components-react.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 9ac56b9

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/60c7a618073b4200081066b7

😎 Browse the preview: https://deploy-preview-8844--carbon-components-react.netlify.app

[tay1orjones]

@joshblack Thanks for the review! It prompted me to reorganize this quite a bit.

I removed _data-table-core.scss and instead moved these core styles to be within _data-table.scss. The feature modules (action, expandable, skeleton, sort) moved to their own folder, each with an _index.scss. I kept the mixin names the same. You can see in the test file, but usage would look like:

@use '../data-table';
@use '../data-table/skeleton';

.my-datatable {
  @include data-table();
}

.my-datatable-skeleton {
  @include data-table-skeleton();
}

The goal being that users can bring in only the core styles without having to bring in the feature files if they don't need them. I did modify packages/styles/scss/components/_index.scss to import each of the feature files though so it should all be included in the centralized/main bundle. Tests for all this are updated and should be passing.