How to @use use in Scss Files TO access to all files

i was trying to change @import to @use in SCSS file But i am getting this error

please help!

enter image description here

Compilation Error Error: Invalid CSS after "...size: variables": expected expression (e.g. 1px, bold), was ".$title-font-size;" on line 6 of sass/i:\VS-Code\Working On\Architrct\scss\main.scss

font-size: variables.$title-font-size;

How to @use use in Scss Files TO access to all files

Solution

Do this

@use '../componts/variables' as *;