[Feature]: react-toast: Access to intent property in Toast component

[soumyart]

Area

React Components (@fluentui/react-components)

Describe the feature that you would like added

Support intent property in ToastState interface.

Additional context

I'm using FluentUI v9 react components in my projects and following an undocumented approach to customize the components.
In most of the cases I'm using the unstable_ exports from fluentui to compose my own version of fluentui components.
I know FluentUI team might not encourage this approach but I have found this route easy to do granular styles updates.

I need to style the <Toast /> component as per my design teams guideline (below screenshot). I need to have a left side indicator (css ::before) matching the intent property. I was thinking to use useToastStyle to achieve this but realized ToastState passed to useToastStyle doesn't have access to intent property.

Below is a screenshot of my custom Toast component

I can create a PR if required. But first wanted to validate the reason behind not exposing the intent property in ToastState.

Have you discussed this feature with our team

No response

Validations

• Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.

Priority

High

[layershifter]

@soumyart I don't think that there is a reason, feel free to submit a PR 👍