[Feature]: makeStyles should accept for function style about fluentui

[ling1726]

makeStyles that is imported from Fluent is actually a direct re-export of Griffel. This library is also owned by the Fluent UI team.

The reason that makeStyles does not support any runtime parameters/arguments is because of ahead of time compilation. This means that styles can be compiled at build time to avoid any computation cost at runtime.

The theming of Fluent UI is based on CSS variables which is completely independency of any third party. You can see an example of styling using Fluent UI

import { makeStyles, tokens } from '@fluentui/react-components';

const useStyles = makeStyles({
  root: { display: 'flex' },
  rootPrimary: { color: tokens.colorNeutralForeground3 },
});

tokens are completely independent and there is absolutely no need for it to be used. Can you please provide more details on what 3rd party libraries you would like to remove as a dependency?

[rhalaly]

I wasn't aware of the tokens object. Thank you so much!