Additional Tags Cell Controls

[mcorbug]

Describe the feature request
Can you add more controls to the Tags Cells in Data Grid
Describe the use case
I kinda wish the where the option to provide the size and type as well

File
tags-cell.tsx

Current:

return (
  <ul class={`tbody__tag-list`}>
    {tags.map((tag) => (
      <li>
        <scale-tag size="small" type="strong" color={tag.color}>
          {tag.content}
        </scale-tag>
      </li>
    ))}
  </ul>
);

Proposal:

return (
  <ul class={`tbody__tag-list`}>
    {tags.map((tag) => (
      <li>
        <scale-tag size="{tag.size}" type="{tag.type}" color={tag.color}>
          {tag.content}
        </scale-tag>
      </li>
    ))}
  </ul>
);

This would allow the User to pass in size and type as well in data-grid.rows:

const dataGrid = document.querySelector('#table');
dataGrid.fields = [
    {
        type: 'tags',
        label: 'Status',
    }
];

dataGrid.rows = [
    [
        [{content: 'My Tag', color: 'olive', size:'mySize', type: 'myType'}]
    ],
];

NOTE: Also your documentation lacks an info about that you can pass in custom Tag like this at all, I had a look at the Action Cells Example and figured out by digging into the code that you can do the same for Tags Cells