{"id":74860,"date":"2026-10-04T03:01:00","date_gmt":"2026-10-03T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=74860"},"modified":"2026-09-27T14:27:30","modified_gmt":"2026-09-27T04:27:30","slug":"css-sass-precompiler-on-macos-intel-via-rosetta-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/css-sass-precompiler-on-macos-intel-via-rosetta-primer-tutorial\/","title":{"rendered":"CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/mypage.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/dart_sass.gif\" title=\"CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial\"  style=\"float:left;\"  \/><\/a><p class=\"wp-caption-text\">CSS Sass Precompiler on macOS Intel via Rosetta Primer Tutorial<\/p><\/div>\n<p>We were looking into the CSS <a target=\"_blank\" title='Sass CSS precompiler' href='https:\/\/sass-lang.com\/' rel=\"noopener\">Sass<\/a> pre-compiler functionality here in September, 2026, trying an install via <i>brew install sass\/sass\/sass<\/i> on an Intel based MacBook Air, and along the way got told, with words to the effect &#8230;<\/p>\n<blockquote cite='https:\/\/www.google.com\/search?q=Intel+based+macOS+error+message&#038;rlz=1C5OZZY_en&#038;oq=Intel+based+macOS+error+message&#038;gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIHCAEQIRigAdIBCTEyMTUzajBqN6gCCLACAfEFhy4EhCf2vT3xBYcuBIQn9r09&#038;sourceid=chrome&#038;source=chrome.ob&#038;ie=UTF-8'><p>\nThe &#8220;Support Ending for Intel-based Apps&#8221; error message means you are running an older app built for Intel processors on an Apple Silicon (M1\/M2\/M3\/M4) Mac.This notification appears because the app uses Rosetta\u2014the Apple translation tool that lets Intel apps run on newer Apple Silicon chips. Apple plans to completely remove Rosetta in macOS 28 (releasing in late 2027), meaning these older apps will stop working then. Sometimes this warning pops up even for newer apps if they still open an old Intel helper tool or plugin in the background.How to Fix ItUpdate the app: Check the Mac App Store or the developer&#8217;s website for an updated &#8220;Universal&#8221; or &#8220;Apple Silicon native&#8221; version of the software.Check app settings: Right-click the app in your Applications folder, select Get Info, and see if &#8220;Open using Rosetta&#8221; is checked. Unchecking it (if a native version is installed) may stop the warning.Delete old apps: If you no longer use the app, drag it to the Trash.Ignore for now: The warning is just a heads-up. Your app will still open and run normally on your current version of macOS.If you want, tell me the name of the app showing this message so I can check if an update is available for you.TidBITS Talk&#8221;Support Ending for Intel-based Apps&#8221; &#8212; Spurious Warning?May 1, 2026 \u2014 Rosetta 2 Usage on Apple Silicon: Apple Silicon Macs can execute Intel versions of applications through Rosetta 2, Apple&#8217;s automat&#8230;YouTube\u00b7APPLE 1-TO-1 TRAININGIntel Apps Are Going Away on Mac: What You Need to Know3 June 2026 \u2014 Intel Apps Are Going Away on Mac: What You Need to Know starting with Mac OS 28 Rosetta will no longer be functional except for ce&#8230;3mMozilla SupportFix \u201cSupport ending for Intel-based Apps\u201d warning in Mozilla VPN on macOSYou might see a message about Intel-based apps or Rosetta when opening Mozilla VPN on your Mac.<br \/>\n<br \/>\nThis notification appears because the app uses Rosetta\u2014the Apple translation tool that lets Intel apps run on newer Apple Silicon chips. Apple plans to completely remove Rosetta in macOS 28 (releasing in late 2027), meaning these older apps will stop working then. Sometimes this warning pops up even for newer apps if they still open an old Intel helper tool or plugin in the background.\n<\/p><\/blockquote>\n<p> &#8230; signifying &#8220;no go&#8221;.  But we&#8217;d installed <a target=\"_blank\" title='macOS Rosetta regarding Intel based macOS applications' href='https:\/\/support.apple.com\/en-au\/102527' rel=\"noopener\">Rosetta<\/a> via &#8230;<\/p>\n<p><code><br \/>\nsoftwareupdate --install-rosetta<br \/>\n<\/code><\/p>\n<p> &#8230; about a week earlier &#8230;<\/p>\n<p><img src='\/Mac\/rosetta_install.gif'><\/img><\/p>\n<p> &#8230; so persevered in our efforts &#8230; but cannot categorically rule out concern here if you encounter the same issue.<\/p>\n<p>Anyway, our further research got us to this <a target=\"_blank\" title='SourceForge link' href='https:\/\/sourceforge.net\/projects\/dart-sass.mirror\/' rel=\"noopener\">SourceForge<\/a> <i>download of tar<\/i> link we followed through on and deployed but when it came to command line trying &#8230;<\/p>\n<p><code><br \/>\ndart-sass\/sass <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/mystyle.scss_GETME\" rel=\"noopener\">mystyle.scss<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/mystyle.css_GETME\" rel=\"noopener\">mystyle.css<\/a><br \/>\n<\/code><\/p>\n<p> &#8230; means of massaging the <i>lightblue<\/i> &#8230;<\/p>\n<p><iframe src=\"\/\/www.rjmprogramming.com.au\/Mac\/mypage.htm\"><\/iframe><\/p>\n<p> &#8230; mention in mystyle.css over to the <i>lightgreen<\/i> mystyle.scss setting, as directly mimicking the <a target=\"_blank\" title='W3schools sass example tryit, thanks' href='https:\/\/www.w3schools.com\/sass\/showsass.asp?filename=demo_sass_first' rel=\"noopener\">excellent W3school&#8217;s advice<\/a>, thanks, it complained about security.<\/p>\n<p>Maybe you want to stop at this point, but we were told elsewhere the macOS Intel (with Rosetta) tar install could work, and so worked it via System Preferences work to run the Sass precompiler under system priviledge means, and it worked in <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/mypage.html-GETME\" rel=\"noopener\">the hosting HTML<\/a>, now referencing (Dart) <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/Mac\/mystyle.css-GETME\" rel=\"noopener\">Sass changed<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/mystyle.css-GETME\" rel=\"noopener\">mystyle.css<\/a> below &#8230;<\/p>\n<p><iframe src=\"\/\/www.rjmprogramming.com.au\/Mac\/mypage.html\"><\/iframe><\/p>\n<p> &#8230; turning green!<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d74860' onclick='var dv=document.getElementById(\"d74860\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/css\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d74860' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We were looking into the CSS Sass pre-compiler functionality here in September, 2026, trying an install via brew install sass\/sass\/sass on an Intel based MacBook Air, and along the way got told, with words to the effect &#8230; The &#8220;Support &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/css-sass-precompiler-on-macos-intel-via-rosetta-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,19,29,37],"tags":[3833,234,281,5701,576,611,5702,3810,2178,5700,997,5703,3091,1114,1567,1209,1212,1236,1319,1418],"class_list":["post-74860","post","type-post","status-publish","format-standard","hentry","category-elearning","category-installers","category-operating-system","category-tutorials","tag-brew","tag-command-line","tag-css","tag-dart-sass","tag-html","tag-install","tag-intel","tag-macbook-air","tag-macos","tag-precompiler","tag-programming","tag-rosetta","tag-sass","tag-security","tag-sourceforge","tag-style","tag-styling","tag-system-preferences","tag-tutorial","tag-webpage"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/74860"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=74860"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/74860\/revisions"}],"predecessor-version":[{"id":74870,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/74860\/revisions\/74870"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=74860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=74860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=74860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}