fix: move styles declared in useDisableBodyScroll() to a separate file

[layershifter]

New Behavior

All makeStyles() and makeResetStyles() calls should be declared in *.styles.ts files.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[fabricteam]

Perf Analysis (@fluentui/react-components)

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
FluentProviderWithTheme	virtual-rerender-with-unmount	70	69	10	Possible regression

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	624	634	5000
Button	mount	320	316	5000
Field	mount	1134	1114	5000
FluentProvider	mount	724	710	5000
FluentProviderWithTheme	mount	80	88	10
FluentProviderWithTheme	virtual-rerender	34	31	10
FluentProviderWithTheme	virtual-rerender-with-unmount	70	69	10	Possible regression
MakeStyles	mount	869	871	50000
Persona	mount	1728	1683	5000
SpinButton	mount	1368	1364	5000
SwatchPicker	mount	1542	1534	5000

[fabricteam]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.101 MB 267.249 kB	1.101 MB 267.271 kB	124 B 22 B
react-dialog Dialog (including children components)	117.345 kB 36.161 kB	100.769 kB 30.092 kB	-16.576 kB -6.069 kB

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	71.55 kB 20.584 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	221.825 kB 62.568 kB
react-components react-components: FluentProvider & webLightTheme	44.037 kB 14.418 kB
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB

_{🤖 This report was generated against 87e288763044408ec4e9a0176d3c54a92f034ed3}

[fabricteam]

🕵 fluentuiv9 No visual regressions between this PR and main