Currently i have bootstrapped a lerna monorepo with multiple apps, the structure is like this

--node_modules
--packages   
     --app1 (a react app bootstrapped with tsdx)  
     --app2 (a typescript app bootstrapped with tsdx)
     --app3 (another react app bootstrapped with tsdx)  
--lerna.json
--yarn.lock
--package.json

Now i have some style related files (.scss , mixins etc) that i need to share between the three apps.

question is whats the best way to do this ?

1.is it possible to put it as files in a seperate folder and these packages can access it ?

2.Do i need to create it as a app ?

3.Any specific tweaks in the webpack i need to add ?